Problème de :hover sous IE

Bonjour à tous !!
J'ai un petit problème, je cherche à faire faire changer le background d'une case au survol de la souris..
J'utilise donc un code de ce type

Code:

---

1 2 3 4 5 6

.list_fichier span:hover { background : grey; }

---

appliqué au code php/html suivant

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<div class="list_fichier"> <br/> <span> <span class="underline"> - '.$donnees_sous_cat['nom'].' </span> <span class="petit_text"> ( créé le '.$date.') </span> <img src="boutons_png/b_edit.png"/> &nbsp;&nbsp;&nbsp; <img src="boutons_png/b_drop.png"/> </span> </div>

---

Le problème est que cela fonctionne parfaitement avec FF mais avec IE nada... Rien!! j'ai beau passé ma souris sur le bloc il ne se colore pas.. Comment cela se fait -il??

Je suis avec IE6 (obliger, l'entreprise ne veut pas passer au 7.. Va savoir pourquoi...)

:merci:

T'as essayé de mettre une code pour la couleur ? Genre background-color: #cccccc; ?

je viens d'essayer, rien ne change....

Bonjour,
il me semble qu'IE 6 est un peu "limité" :mrgreen: en terme de pseudo-format.
Le :hover fonctionne sur <li><a> , mais pas grand'chose d'autre ...

A+

Citation:

---

Envoyé par E.Bzz

Bonjour,
il me semble qu'IE 6 est un peu "limité" :mrgreen: en terme de pseudo-format.
Le :hover fonctionne sur <li><a> , mais pas grand'chose d'autre ...

A+

---

je serais plus restrictif E.Bzz : avec IE hover ne fonctionne que sur les balises <a> (pas sur les balises <li>)

pour les autres balises, il faut passer par le javascript

Code:

---

1 2	<span class="classOut" onmouseover="this.className='classOver'" onmouseout="this.className='classOut'">bla bla</span>

---

Code:

---

1 2 3 4 5 6 7 8 9

.classOver{ background-color: #AAAAAA; color: #FFFFFF; }   .classOut{ color: #000000; }

---

Citation:

---

Envoyé par Auteur

je serais plus restrictif E.Bzz : avec IE hover ne fonctionne que sur les balises <a> (pas sur les balises <li>)

---

[COUPAGE DE CHEVEUX EN 4]
C'était peut-être juste une erreur d'interprétation de ma part.
Ce que je voulais dire c'est que :

Code:

---

1 2 3 4 5 6

li a { background-image:url(../image/puce.gif); } li a:hover{ background-image:url(../image/puce_s.gif); }

---

fonctionne sous IE 6.
Il permet de changer la puce du <LI> (si je puis dire :mrgreen: )
C'est donc effectivement un :hover sur <A> ... mais qui impacte <LI> ...
[/COUPAGE DE CHEVEUX EN 4]

A+

Merci à tous pour vos réponses, je pense que je vais utiliser le javascript, c'est une méthode intéressante :king: