décalage sur IE7 avec float à partir du 2e élément

Bonjour,

j'ai un petit soucis d'affichage dans un diaporama miniature, ce sera plus clair en image pour m'expliquer :

http://img91.imageshack.us/img91/4123/decalageie7.jpg

A part la première, à partir de la 2e image, tout se décale, alors que partout ailleurs (IE8, firefox, chrome), elles sont toutes au même niveau.

Voici le code :

Code:

---

1 2 3 4

div.miniatures_popup{ display: block; float: left; margin: 9px 0 auto 11px;}

---

Je ne sais pas trop. As-tu essayé de spécifier une largeur fixe à tes miniatures ?

Sinon, tu peux toujours utiliser (même si ce n'est pas très élégant) un hack CSS, à savoir, pour IE7 :

Code:

---

*+html #element { /** Appliqué que à IE7 **/ }

---

Aurais-tu un lien éventuellement, que nous puissions examiner ça plus simplement ? Notamment avec un petit F12 sous IE8 en mode de compatibilité ? :)

salut,

oui je l'ai fait, ça ne change rien, pour les hack, le problème c'est que je vois pas comment je peux faire remonter les images décalées car elles ont toutes le même style, donc si je les remonte, la première qui est au bon niveau sera à son tour décalée.

à moins que je bricole des opérations php mais bon je préfère continuer à chercher ce qui cloche en css, il doit bien avoir un truc.

je sais plus quel type de microsoft disait qu'utiliser IE6 c'était comme boire du lait périmé depuis 9 ans, ben il peut inclure IE7 !..