Erreur de rendu d'élément de liste dans IE?

Question

Quelqu'un at-il déjà vu cela - et peut-on faire quelque chose à ce sujet? Ce lien est à une capture d'écran PNG d'un affichage de la liste dans IE - si vous regardez de près, la hauteur de la ligne de chaque élément devient un peu plus grand pour chaque élément successif. Le look du site web est entièrement contrôlé par CSS.

Screen Shot

Ce n'est pas une affaire énorme, mais il est sûr bizarre.

Notez également l'espace entre la ligne blanche et la bordure de la boîte - ce n'est pas non plus le cas dans FF ou Chrome, seulement IE.

Answer 1

Cela ressemble à un bug dans IE7.

Je viens de tester sur IE8, fonctionne comme prévu en mode IE8, mais présente le même comportement en mode de compatibilité.

Mise à jour: déconner, il semble que ce soit le style overflow:hidden qui provoque cela.

Answer 2

Je vois votre page XHTML et valide ... Mais comme allmost une page XHTML il est servi text/html et non application/xhtml+xml (si elle était IE ne reconnaîtrait pas, et demander si vous voulez enregistrer le fichier) . Donc, c'est une bonne idée d'utiliser XHTML, chaque navigateur est servi XHTML et dit qu'il est HTML afin que votre bon XML valide est analysé comme html tagsoup. (Si vous avez vraiment la compatibilité Wand, et vous n'avez pas vraiment besoin d'analyser votre page en XML, alors "HTML 4.01 Strict" est toujours le meilleur choix)

Encore je ne sais pas comment cela pourrait affecter le rendu de la liste (car la syntaxe dans une liste devrait être essentiellement la même), mais si IE ne comprend pas une balise, il pourrait ne pas obtenir l'endtag. Cela me rappelle l'effet que vous obtenez si vous oubliez le point d'extrémité sur un li, et avez juste un peu un rembourrage sur elle ...

N'essayez jamais d'obtenir le rendu pixel parfait dans IE, vous deviendrez fou et vous probablement ne réussira pas; apprendre à vivre avec. : P