Bug de balise OL sous IE6/7 - Pas de numérotation

Bonjour à tous,

Voici une solution à un problème qui peut vite consommer beaucoup de temps, afin que les personnes qui tomberaient un jour dessus évitent de s'arracher les cheveux...
J'ai récemment eu un souci avec un élément <ol> sous IE6 et IE7, de ce type :

<ol>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ol>

Alors que la liste fonctionnait bien sous FF, sous IE celle-ci ne numérotait rien du tout, ainsi toutes les balises <li> affichaient le même numéro...(1)
Après quelques recherches, j'ai fini par trouver ce qui faisait bugger IE, dans ma CSS:

ol li {
list-style: decimal inside; 
font: bold 11px Arial; 
[b]height: 15px;[/b] 
line-height: 15px;
}

Quand j'enlève le height, tout fonctionne correctement à nouveau.
Est-ce en rapport avec la dtd utilisée (html4.0...), s'agit-il même d'un bug ou est-ce normal comme comportement?

Bonne journée
Modifié par nicolulu (26 May 2008 - 10:29)

A priori, il s'agit d'un bug : description ici
Le sujet a déjà dû être abordé sur ce forum

Cdt,
Sylvain

Effectivement c'est certainement un piste à exploiter, ceci dit, rien n'explique le fait que l'énumération ne se fait pas...

On pourra lire à tête reposée cet item de la FAQ et les liens associés

Dans ton exemple, tu confères le "layout" à ta liste :

height: 15px;

Ce qui provoque le bug sous internet explorer, CQFD

Cdt,
Sylvain