[Résolu]IE8 + :before + Visibility

Hello.

Je viens de tomber sur un bug d'IE8 plutôt étrange, et pour lequel je n'arrive pas à trouver de documentation.

Si je rajoute du contenu via :before sur un élément auquel j'applique un visibility: hidden, puis que je supprime via js ce visibility, le contenu généré est pris en compte (IE lui réserve la place) mais celui-ci ne s'affiche pas.

Ce n'est pas très clair dit comme ça, j'ai fait un Fiddle illustrant le souci.

J'ai testé de rajouter un display explicite, de mettre un content "statique", de jouer sur le positionnement "pour voir" et d'autres trucs plus ou moins farfelus, mais rien n'y fait, je séche .

Si une bonne âme en sait plus sur le sujet, merci d'avance.

EDIT: Comme par hasard, je viens de trouver un fix 10 minutes après avoir posté. Il suffisait de déclarer le content dans une règle à part.

li:before {
    counter-increment: test;
    content: counter(test);
}

devient

li {
    counter-increment: test;
}
.visible:before {
    content: counter(test);
}

Voir le Fiddle mis à jour. En espérant que ça puisse aider.
Modifié par Florian_R (28 Nov 2011 - 16:11)