menù rompiscatole

[mattej]

Ciao,
ho creato un menù laterale verticale con i css, su firefox tutto ok, rispetta i valori "margin" che gli ho impostato, ma su internet Explorer tutto sballato, o meglio, la distanza tra una riga e l'altra è esagerata..

HTML:

<div id="navigator">
<ul>
[*][img]file/bt_home.jpg[/img]
[*][img]file/bt_idea.jpg[/img]
[*][img]file/bt_links.jpg[/img]
[*][img]file/bt_thanks.jpg[/img][/list]
</div>

CSS:

#navigator {
position: absolute;
width: 16px;
margin-left: 896px;
padding: 0px;
}

#navigator img {
margin: 0;
border: 0;
padding: 0;
}

#navigator ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#navigator ul li {
margin: 2px 0 5px 0;
padding: 0px;
}

#navigator ul li a {
display: block;
margin: 2px 0 5px 0;
padding: 0px;
}

Che fare?

(vedi difetto su img allegato)

Già che ci sono, chiedo consigli per creare un menù tipo questo senza utilizzare immagini come testo..