[auto résolu] espacement display block FF vs IE

Mon problème à l'origine avec ce CSS (trouvé sur listamatic)

#gauche{
position: absolute;
left: 0px;
margin-top: 10px;
padding: 0px;
width: 120px;
font: 0.6em arial,verdana,sans-serif;
}
#gauche ul{
margin: 0px;
padding: 0px;
}
#gauche li{
list-style: none;
margin: 0px;
padding: 0px;
border-top: 1px solid #06c;
}
#gauche li a{
display: block;
padding: 2px 2px 2px 2px;
border-left: 1em solid #06c;
text-decoration: none;
}
#gauche li a:hover{
border-color: #f90;
color: #fff;
background: #06c;}

cela donnait ceci sur FF
et cela sur ie

Alors je ne sais pas pourquoi mais pour trouver le même affichage sur ie que sur FF il suffit de modifier le border-top par border-bottom et tout rentre dans l'ordre.

Les éléments qui changent :

#gauche{
position: absolute;
left: 0px;
margin-top: 10px;
padding: 0px;
width: 120px;
font: 0.6em arial,verdana,sans-serif;
[b]border-top: 1px solid #06c;[/b]
}
#gauche li{
list-style: none;
margin: 0px;
padding: 0px;
[b]border-bottom: 1px solid #06c;[/b]
}

si ca peut aider !