Probleme infobulle-image en css IE

Bonjoru, j' ai utilisé le tuto sur les info-bulles en css, ca donne pas mal sur mozilla, par contre ca ne fonctionne pas du tout sur IE, auriez vosu une parade s' il vous plait?

div.info {
position: relative;
text-decoration: none;
color: #0066FF;
}
div.info span {
display: none;
}
div.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
div.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: blue;
text-align: center;
color: white;
padding: 2px;
}

<div class="info">photo<span><img src="photo.gif" /></span></div>

Mille mercis d' avance!

Sous quelle version d'IE ? Sache qu'IE 6 ne reconnaît la pseudo-classe :hover que sur les éléments a.

Je viens d' installer IE 8, effectivement ca fonctionne, merci beaucoup!!!

Sinon pour ceux ayant la version6, y aurait il une astuce?

graffx a écrit :
Je viens d' installer IE 8, effectivement ca fonctionne, merci beaucoup!!!

À noter que ça fonctionne aussi sous IE 7.

graffx a écrit :
Sinon pour ceux ayant la version6, y aurait il une astuce?

Mis à part l'ajout de l'élément a sur lequel tu appliques l'effet désiré, je n'en vois pas d'autre.
Modifié par Victor BRITO (16 Nov 2009 - 09:08)