Abstand zwischen Grafiken in Liste (inline) definieren

[Auge]

Hallo

Leider habe ich zwischen den Grafiken immer noch 3 oder 4 pixel Abstand. Wie bekomme ich die bündig aneinander gesetzt?

#nav {
margin: 0px;
padding: 0px;
float:right;
}

ul#nav {
margin: 0px;
padding: 0px;
}

#nav und ul#nav bezeichnen beide das gleiche Element. Die Angaben zu margin und padding sind demnach doppelt gemoppelt.

#nav li {
display: inline;
list-style-type: none;
letter-spacing:0px;
margin: 0px;
padding: 0px;
}

HTML:
<ul id="nav">
<li><a href="#" ><img src="images/button1.gif"></a></li>
<li><a href="#" ><img src="images/button2.gif"></a></li>
<li><a href="#" ><img src="images/button3.gif"></a></li>
</ul>

Sowohl <a> als auch (wahrscheinlich eher) <img> können je nach Browsertyp eigene, von 0 abweichende, Angaben zu padding haben. Setze das padding für diese  Elemente mal explizit auf 0.

Tschö, Auge