sto effettuando un menu.con delle immagini fatto in questo modo
<div id="nav">
<ul>
[*][img]home.gif[/img][*][img]classifica-serie-a.gif[/img]
[/list]
</div>';


nel foglio di stile ho fatto così
#nav ul
{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
}

#nav li
{
margin:0 0 0 0;
padding: 0 0 0 0;

}

le immagini vanno una sotto l'altra e tutto va bene solo che rimangono staccate e non unite perfettamente lasciando uno spazio tra una e al'altra non desiderato.
come posso fare per eliminare questo problema?