Ciao ragazzi ho un problema con una classe.

Andate a questa pagina:

http://www.ivanisevic82.com/pages/prova10.php

Passate col mouse sopra la prima immagine e guardate l'effetto.
E' dato da questo codice:
codice:

[img]/media/thumb_photo1_ombra.jpg[/img]</p>
Passate col mouse sulla seconda immagine: il testo sulla destra appare grazie a quest'altro codice:
codice:
<div id="Tool">[img]/media/thumb_photo2_ombra.jpg[/img]<span style="display: none;">Testo ToolTip</span></div>
Cercando di combinare gli effetti in una sola immagine, ho provato a fare in questo modo:
codice:
<div id="Tool">[img]/media/thumb_photo2_ombra.jpg[/img]<span style="display: none;">Testo ToolTip</span></div>
con il seguente risultato:
http://www.ivanisevic82.com/pages/pagina11.php

Funziona solo in parte come potete vedere, perchè quando vado fuori dall'immagine col mouse, questa sparisce, mentre dovrebbe sparire solo il testo sulla destra.

Per concludere ho notato che se dal codice sopra riportato per ultimo, tolgo la parte class="fade" funziona correttamente, ma ovviamente non mi fà più l'effetto di cambiamento sull'immagine al passaggio del mouse.

Come posso combinare i due effetti?

Il problema si verifica per colpa di quella classe FADE, che però è fondamentale per il funzionamento del primo dei due effetti!

Grazie!