Juste un petit post rapide pour partager une bizarrerie que j'ai rencontré récemment

le code html

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<div>
    <img src="xxx" />
    <div>
          <ul>
              <li>un</li>
              <li>deux</li>
              <li>trois</li>
              <li>quatre</li>
           </ul>
    </div>
</div>
l'image est en float left...

On serait en droit de s'attendre donc à avoir de gauche à droite l'image, puis les puces, puis les textes des li ...

Hé bien sous IE non on a d'abord les puces, puis l'image et enfin le texte les li !!!

J'ai trouvé deux solutions pour remédier à cela:

- mettre un display table sur le ul
- mettre un list-style-position : inside sur les li

Si vous avez d'autres retours d'expérience sur ce bug ...