CSS: menu diverso tra IE e firefox

[theseo]

sto diventando matto
qualcuno mi sa dire xchè il sottostante menù, se visualizzato con Firefox, appare bello compatto, senza spazi tra un pulsante e l'altro, mentre se lo visualizzo con IE i pulsanti appaiono distanziati gli uni dagli altri??????


<style>
a {color: white; text-decoration: none}
a:hover {color: yellow; text-decoration: underline}
/* BEGIN style4 */
#navlist
{
padding: 0 0px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: #990000;
width: 14em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/* END style4 */
</style>

[Mich_]

Posta anche il codice HTML.

Comunque IE inserisce degli spazi se trova dei caratteri (compreso acapo) tra due elementi.