Abstand im IE mit UL

[Michael]

Nabend,
ich hab ein ähnliches Problem wie hier:
http://forum.de.selfhtml.org/archiv/2005/8/t113458

Und zwar habe ich ein Menue mit Grafiken, das ich in eine Liste (ul) gepackt habe und dann mit CSS angepasst habe.
Leider wird mir jetzt im IE zwischen den einzelnen Grafiken etwas Platz freigelassen.
Hab schon den Tip mit font-size:0; angewendet und dadurch wurde der Abstand auch geringer, aber ganz weg ist er noch nicht.

Ausschnitt aus meinem HTML Quelltext:
  <ul id="navi">
   <li><img src="gfx/left_navi_top.gif" /></li>
   <li><a href="#"><img src="gfx/navi_news.gif" /></a></li>
   <li><a href="#"><img src="gfx/navi_board.gif" /></a></li>
 </ul>
und der dazugehörige CSS Teil:
  #navi {
    width: 217px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    font-size: 0;
  }
Ich vertraue jetzt auf eure Hilfe ;-)
Gruß, Michael