distanza minima tra elementi di un menu verticale

[pix]

ho realizzato un menu verticale seguendo un articolo di html.it.
il menu è composto da una lista non ordinata e delle immagini di sfondo per ogni voce del menu.

quipotete visualizzare il menu

se provate a visualizzarlo con Firefox e Explorer noterete una differenza di distanze tre le varie voci del menu.
Con Firefox ogni voce dista 1pixel dall'altra, con Explorer no, e non riesco a ridurre quello spazio in eccesso non ostante abbia impostato i margini a 1px...
evidentemente mi manca qualcosa, o un istruzione specifica per IE o non so cos'altro, spero che qualcuno mi possa aiutare

il .css è disponibile quihttp://www.ilvilla.it/ilfranco/layout.css

grazie in anticipo...

[panta1978]

Originariamente inviato da pix
Con Firefox ogni voce dista 1pixel dall'altra, con Explorer no, e non riesco a ridurre quello spazio in eccesso non ostante abbia impostato i margini a 1px...

Prova ad annullare il padding anche in #navigation li a

[pix]

ho provato ad annullare il padding come mi hai suggerito ma nessun risultato...

anche mettendo il border a 0 (anche se non ha molto senso ma le sto provando tutte) non cambia niente...

[erredeco]

Ha tutta l'aria di essere un baco (abbastanza noto) di IE che va sotto il nome di IE Gap between list items

Prova ad inserire nello stile degli elementi[*]:

display: inline;

oppure, se la cosa non si risolve, dai agli elementi un'altezza finita (solo sotto IE, mi raccomando!), non importa il valore: puoi anche scrivere

height:1px;

Tanto IE lo interpreterà sempre come min-height.

Ulteriori info su:

http://phonophunk.com/articles/ie-fi...list-items.php

[pix]

display: inline per gli elementi[*] risolve il mio problema

grazie mille erredeco