Border:1px solid avec internet explorer [résolu]

Bonjour.
Une question toute bête :
j'ai une page de présentation qui mène à mes différents projets. Sur cette page, j'aimerais que les liens soient encadrés quand on passe le curseur de la souris dessus :

ul li a:hover,ul li a:active { border:1px solid #fff; }

Comme d'habitude, ça marche avec firefox et opera, mais pas internet explorer. Sur ce dernier, je n'ai que les bordures droites et gauches qui apparaissent.
Le lien : www.trusiad.fr
Quelqu'un a une idée pourquoi ?
Merci.
Cordialement,
David Aubril
Modifié par trusiad (08 Jun 2009 - 22:25)

Salut,

Peut être une étourderie

ul li {
[b]line-height:1.5em;[/b]
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

Modifié par ghost (08 Jun 2009 - 19:46)

En fait, je n'ai pas le sentiment que cela change quoi que ce soit au comportement sous ie. ( j'ai ie6 sous la main, c'est toujours pareil : border à droite et à gauche, mais ni au-dessus, ni en-dessous. )
Modifié par trusiad (08 Jun 2009 - 20:15)

Salut,

Comme tu as mis des padding sur l'élément "a", pour une même hauteur de ligne, la hauteur effective de cet élément est plus grande que celle de son parent, le "li". Donc tes bordures haute et basse n'apparaissent pas.

Essaie de mettre le padding sur les "li" plutôt.

Parfait.
ça marche.
Merci beaucoup.