Problème de rollover sour IE6

Bonjour,

J'aimerais utiliser le css pour que, lorsque quelqu'un passe la souris sur mes liens, une image apparaisse et disparaisse ensuite lorsque la souris est enlevée.

Le problème c'est que ça marche très bien sous firefox mais pas sous IE6.

Voici mon code dans la feuille de styles :

.li {
position: relative;
}

a span {
display: none;
}

a:hover span {
display: block;
position: absolute;
top: 5px;
left: 5px;
color: #54054B;
}

Et voici mon code dans le body :

<ul>
<li><a href="#">Texte1<span><img src="monimage.jpg" width="250" height="135" border="0"/></span></a></li>
<li><a href="#">Texte 2</a></li>
<li><a href="#">Texte 3</a>  </li>
</ul>

Savez-vous pourquoi ce qui est dans le span n'apparaît pas lorsque je passe la souris sur le lien sous IE ? Y'a-t-il quelque chose que je peux rajouter pour que ça marche ?

Merci d'avance pour vos réponse.

Salut,

Quel est le but de la manoeuvre, en réalité ? Si c'est pour modifier l'image d'arrière-plan de ton lien au survol, comme cela en a l'air, il y a plus simple comme méthode ...

Sinon, IE6 ne comprend la pseudo-classe :hover que lorsqu'elle s'applique à la balise a. Et d'après ton expérience, ça ne fonctionne pas non plus si on essaie d'atteindre les enfants du lien a...

Merci pour ta réponse. Il ne s'agit pas de changer l'image de fond du lien mais de faire apparaître au survol une image à côté du texte du lien, ce qui n'est pas pareil. En fait, mon idée était de reproduire ce que j'ai trouvé sur ce lien http://host.sonspring.com/hoverbox/ même si pour l'instant j'ai souhaité commencer par quelque chose de plus simple.