Height elemento li

[^EvAmPiReS^]

.subareanav{
list-style-type: none;
margin: 0;
padding: 0;
/* Larghezza del menù */
width: auto;
}

.subareanav li{
background-color: #000000;
margin-top: 20px;
list-style: none;
}

.subareanav li a{
font: bold 100% Arial, Verdana, sans-serif;
display: block;
width: auto;
/* Padding verticale per ogni link */
padding: 7px 0;
text-indent: 8px;
text-decoration: none;
color: white;
height: 0.8em;
}

.subareanav li a:hover{
background: #00ff00;
color: #000000;
}

.subareanav li.activelink{
background: #00ff00;
}

.subareanav li.activelink a{
display: block;
width: auto;
color: #000000;
line-height: normal;
}

.subareanav li.activelink a:hover{
text-decoration: none;
}

Sapreste dirmi perchè con explorer succede che hover produce un fastidioso bordo inferiore di 1px nero, mentre con firefox tutto fila liscio?

[^EvAmPiReS^]

UP