[Résolu] Redéfinitions de classe impossible sous IE6 ?

Bonjour à tous,
je viens de tomber sur un phénomène étrange :

/* La css */
#test.couleura { background-color:green; }
#test.couleurb { background-color:yellow; }

/* Le html */
<div id="test" class="couleurb">
de quelle couleur suis-je ?
</div>

Sur Firefox, IE7 : le bloc est jaune
Sur IE6 : le bloc n'a pas de couleur de fond....

Variante 1 /
Maintenant, appliquons la classe couleura :
chez tout le monde, le bloc est vert.

Variante 2 /
Supprimons les id dans la css, on ne conserve que les classes

.couleura { background-color:green; }
.couleurb { background-color:yellow; }

et appliquons la classe couleurb, on est bien en jaune partout...

Il y a un truc qui m'échappe là....
Est-ce que quelqu'un aurait une explication ?
Merci ^^

Salut,

Il s'agit d'un bug d'IE 6. Pour un id donné, seul le premier sélecteur de type "#id.classe" est pris en compte (voir sur css-discuss, "The multiple #id.class bug").

Merci de ta réponse si rapide, je ne connais pas celui là ^^
Modifié par cktoon (02 Oct 2007 - 15:26)