[Résolu]Border link visible après "hover" : IE9

Bon le titre est peut-être mal choisi.
En fait j'ai un problème avec mon style de <nav>, plus précisément les liens du menu en fait.
Quand je passe avec la souris sur un des lien dans le menu, avec IE9, le bord gauche apparaît. Je ne sais pas trop d'où cela peut venir.

Voilà mon problème (A droite : image du rendu sous IE9 et Firefox 11.0 chez moi)
Aperçu du problème :
http://dl.dropbox.com/u/39913785/debugHtml/index.html

Si quelqu'un avait une idée afin d'orienter mes recherches, je suis même pas capable de formuler les bon mot-clés qui me permettrait de trouver une solution.

Merci.

CSS :
http://dl.dropbox.com/u/39913785/debugHtml/nav.css


Modifié par altrekx (19 Apr 2012 - 09:33)

Je viens de m'apercevoir que le problème pouvait venir de :

border-radius: 0 15px 15px 0;

Je dis ça parce que lorsque j'enlève cet élément les bordures n’apparaissent plus dans IE.

index2.html :
http://dl.dropbox.com/u/39913785/debugHtml/index2.html

CSS (ligne 26)
http://dl.dropbox.com/u/39913785/debugHtml/nav2.css

Je vois pas trop le rapport en fait....

Bonjour,

Tu peut éviter ce défaut en reportant la couleur de fond aussi dans UL (ou LI) et garder le border-radius.

GC

Ah ben oui...
Merci beaucoup !