Bug IE 8 sur onmouseover

Salutations,

J'ai un pb que je viens de remarquer (je bosse sur Mac, via Firefox ou Safari) sur IE 8.0.

En effet, le logo du site de mon asso. ( http://wda-fr.org ) se trouve orné sans raison apparente d'une marge basse a chaque onmouseover...

J'ai créé un DIV class qui pointe vers le CSS suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10

(...).homelogo a:hover { /* Correction bug IE */ background-color: #FFFFFF; width: 145px; }   .homelogo a:hover img { /* Correction bug IE */ border-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }(...)

---

Et rien n'y change... A chaque survol de souris sur le logo, je me tape un marge de quelques pixels sur IE 8.

Any idea ?

Peut etre un probleme de border. Essaie un .homelogo img {border:0}

tout pareil... :-(

Bonjour,

C'est étrange comme comportement sous IE8 ...

De toute façon, A n'englobe pas l'image comme il faut, étant donné l'emplacement du logo tu peux simplement rajouter :

Code:

---

1 2	.homelogo a { display:block }

---

Sinon display:inline-block (avec le correctif qui s'impose pour FF2).

il y a aussi l'alignement vertical sur l'image a modifié , pour qu'elle ne situe plus sur le basline:
a img {vertical-align:top;/* ou bottom */}

Il n'y aura plus de marge basse dessous celle-ci .
a:hover a l'effet de forcer un rafraichissement de la zone et de réappliquer , mettre a jour les styles associés.

GC

Citation:

---

Envoyé par Macmillenium

(...)

Code:

---

1 2	.homelogo a { display:block }

---

(...)

---

Nickel, merci à tous, ça marche parfaitement grâce à ça... :)