Peut-être plus personne n’est intéressé par ce problème mais j ai aussi remarqué ce beug.
Alors évidemment seul IE 6 et IE7 ne sont pas OP tout les autres navigateurs comprennent…

Voila je m’explique:

Si on se retrouve à ça:

<div id="right" class="index"> pour le html de la page accueil
et si je fais
<div id="right" class="page2"> pour le html de la page 2

Alors pour le css logiquement je devrai faire ceci:

#right{Propriété du right en générale}

#right.index{ propriété spé du right à l’index}
#right.page2{ propriété spé du right à page2}

Et là pour la propriété background-image ça coince et spécialement pour cette propriété car background-color fonctionne.

Alors voilà on dit d’abord merci à IE en serrant les dents…
Et on a plus qu’à coder de cet façon

<div id="rightindex"> pour le html de la page accueil
et
<div id="rightpage2"> pour le html de la page 2

Alors dans ce cas pour le css on devra faire ceci:

#rightindex{ propriété du rightindex}
#rightpage2{ propriété du rightpage2}

et dans les deux cas on est maintenant obligé de mettre aussi le code générale du right de base qu’on voulait séparé tout au début (voir le début du post)…

Bref, en réalité ça nous fait réécrire des lignes et des lignes de codes… au lieu de rajouter juste la propriété spécifique.

Pas complètement : http://code.google.com/p/ie7-js/issues/detail?id=9

Le script ie7.js crée dynamiquement de nouvelles classes pour les sélecteurs inconnus par IE6 :
.test.test2 –> .ie7_class0

Évidemment, des problèmes de priorité apparaissent avec ce système, et peuvent amener de nouveaux bugs difficiles à déceler.

D’après ce que j’ai pu voir le « IE6 Multi-Class Bug » est résolu avec le script ie7.js de Dean Edward.