[Résolu] Décalage des images dans une liste

Salut,

Après une recherche infructueuse sur la faq et sur le forum, je m'en remet à vous pour m'aider à résoudre mon problème.

Comme une image vaut mieux qu'un long discours, voici une image qui présente le problème que je rencontre sous IE.


Comme vous pouvez le constater, l'image qui se situe à gauche se décale à chaque nouvel élément de la liste. Je ne sais vraiment pas d'où vient ce problème car ma liste est tout à fait classique. Voici une partie du code HTML:

<ul>
 <li>
  <img src="info-note.png" alt="&nbsp;" />
  Nom de l'élément
 </li>
 <li class="infos">
  <ul>
   <li>Autre liste</li>
   ...
  </ul>
 </li>
 ...
</ul>

Voici la feuille de style associée à cette liste :

ul { list-style: none; margin: 0; padding: 0; }

ul li {
  border: 1px solid #d9e5f6;
  background: #f4f7fb;
  margin: 2px 24px;
  padding: 8px 0;
}

ul li img {  vertical-align: middle; }

ul li.infos {  border: 1px solid #b2b2b2;  background: #e8e8e8; }

J'éspère que quelqu'un pourra m'aider à résoudre ce petit "bug". Merci d'avance pour votre aide .
Modifié par ymhotepa (20 Apr 2006 - 12:25)

Personne n'a d'idée pour résoudre ce problème ? Si quelqu'un avait juste un petite intuition ou bien une piste, ca serait vraiment sympa, parce que là, je bloque vraiment.

Salut

Ajoute

ul {
     _height: 1%; zoom: 1; /* active le haslayout*/
    ....
    ....
}

A+

beaucoup gege71, ca marche nickel. .

Sujet résolu.