fehlerhafter abstand in liste mit grafiken (ie)

[Roger]

moin!

ich weiß echt nicht mehr weiter. der ie bringt mich noch zur weißglut.
ich habe ein menü mittels einer liste und darin enthaltener grafiken gemacht:

<ul class="lmenue">
 <li><a href="portrait.php"><img src="gfx/bt/portrait_b.gif" alt="Portrait" name="portrait" width="170" height="17" border="0" id="portrait" /></a></li>
 <li><a href="aktuell.php"><img src="gfx/bt/aktuell_b.gif" alt="Aktuell" name="aktuell" width="170" height="17" border="0" id="aktuell" /></a></li>
</ul>

für dieses menü exitieren folgende css-angaben:

ul.lmenue {
 padding: 0px;
 margin: 0px;
 width: 170px;
}

.lmenue li {
 list-style:none;
 margin: 0px;
 padding: 0px;
 height: 17px;
 width: 170px;
 margin-bottom: 4px;
 font-size:0px;
}

.lmenue li a {
 margin:0px;
 padding:0px;
}

die menübuttons sind rechteckig und sollen einfach untereinander angeordnet werden, mit einem abstand von 4px. der ie macht aber aus den 4px 7px! keine ahnung warum.
wenn ich stattdessen text als menüpunkt angebe, passen die abstände fast (5px).

selbst wenn ich margin-bottom: 4px weg lasse, wird immer noch ein abstand von 3px angegeben.

argh!

was läuft hier falsch?

gruß.
roger.