immagine che appare quando il mouse è sul link

[matteo01]

in una lista, ho una serie di link, a ciascuno deve corrispondere una piccola immagine che appare sotto di esso! Son riuscito a farlo in FF ma non in IE, ho fatto in questo modo:

div.contenuti li a img {display: none;}
div.contenuti li a:hover img {display: block; width: 125px; padding: 5px; margin: 10px; color:#AAA; background: black;}
[*]testo[img]immagini/foto.jpg[/img]

Potete aiutarmi a sistemare tutto anche per Ie?
Grazie tante a chi mi aiuterà!

[fcaldera]

aggiungi

div.contenuti li a:hover { direction: ltr; }

[gabip87]

Vuoi qualcosa di questo tipo?

ps: è solo una prova, il codice non è pulito.

[matteo01]

Originariamente inviato da fcaldera
aggiungi

div.contenuti li a:hover { direction: ltr; }

Fantastico, funziona!

Potresti spiegarmi di che si tratta però?

Grazie mille!!

[fcaldera]

Originariamente inviato da matteo01
Fantastico, funziona!

Potresti spiegarmi di che si tratta però?

Grazie mille!!

si tratta di un bug di Internet explorer che si verifica con la pseudoclasse hover: in pratica se su IE utilizzi

elemento:hover sottoelemento

il browser non renderizza <sottoelemento>. Per correggere la situazione è necessario definire una particolare istruzione trigger (sono una decina circa) che dica ad explorer di rieseguire il disegno

potresti anche usare margin: 0; oppure padding: 0;
personalmente uso direction: ltr; (rende più evidente la presenza di un hack)

[matteo01]

Chiarissimo, grazie mille!