Ho il seguente
codice:
.thumbnail {position: relative; z-index: 8; text-decoration: none !important; } 
.thumbnail:hover {background: transparent; z-index: 9; } 
.thumbnail > div {display: none; position: absolute; top: 0; left: 60px; padding: 5px} .thumbnail > div img {padding: 2px} 
.thumbnail:hover > div {display: block; border: 1px solid #DDD; background-color: #FFF; color: black} 
.thumbnail:hover span span {display: inline; border: none}

che richiama un box su un link:

codice HTML:
<a class="thumbnail" href="#" style="font-size:22pt">LINK<div style="font-size:12pt; width:500px"><table width="90%" border="1" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table><br><img src=immagine.gif"><br>testo testo testo testo testo</div></a>
Ora vorrei che il box apparisse "dolcemente" con un mezzo secondo di ritardo, ma non mi riesce...
Un suggerimento?