IE ajoute de la marge sur un Roll-over

Bonjour à tous,

Je m'arrache les cheveux depuis pas mal de temps sur un bug que je n'avais jamais rencontré avec IE 7 & 8 : sur la page d'accueil de ce site -afairesoimeme.net en passant la souris sur les images au centre de la page petit à petit les images descendent dans la page et tout fini par se décaler...

C'est amusant, on dirait un jeu en flash

Mais sincèrement, j'ai tourné le truc dans tous les sens et je n'arrive pas à savoir d'où vient le problème.
Il semble qu'il y ait un style (en ligne) appliqué à l'élément de liste (positionné en relatif) généré par php mais je ne suis pas certain que le problème vienne de là...

Si qq1 peut me donner son avis, avec un œil neuf je pourrai peut-être y voir plus clair...
Merci.
Modifié par pan (30 Mar 2012 - 16:55)

Salut en effet c'est pas mal comme bug...on dirait plutôt un tetris au ralenti sur IE8.

J'ai du mal à voir ce qui pose problème...Même sur IE9 il y a des décalages, le contenu des <li> bouge.

- problème de layout peut-être...

En tout cas j'essayerais de ne pas jouer avec des bordures (qui affecte la taille de la boîte), mais plutôt avec le background du <li> et de mettre juste un margin pour séparer légèrement les <li>.

Ok mais ce qui pose un problème c'est qu'à priori, le style (css) est généré par php : quand on regarde le code source c'est un style en ligne (<li style="etc...) donc à moins de trouver comment écraser le style en ligne je ne vois pas trop de solution.

Sinon je n'arrive pas trop à savoir si le pb vient plutôt de position: relative; ou du margin-top...
Modifié par Dex (31 Mar 2012 - 13:43)