IE macht abstände bei LI

div.subnavi
{


top: 200px;
position:absolute;
left: 100px;




}
div.subnavi li {
 margin:0;
padding:0;
list-style:none;
 }

<div class="subnavi">


<ul  style="  width:200px; ">
<li style=" height:3px; background-image:url(Bilder/subnavi_20.gif); background-repeat:no-repeat;"></li>
<li style="  background-image:url(Bilder/subnavi_23.png);">dasaadsasas</li>
<li style="  height:3px; background-image:url(Bilder/subnavi_29.gif); background-repeat:no-repeat;"></li>
<li style=" background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li>
<li style="  height:3px; background-image:url(Bilder/subnavi_29.gif);background-repeat:no-repeat;"></li><li style="  background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li><li style="  height:5px; background-image:url(Bilder/d.gif);background-repeat:no-repeat;"></li>


</ul>
</div>

<div class="subnavi">
<ul  style="  width:200px; ">
<li style="  height:3px;  background-image:url(Bilder/subnavi_20.gif); background-position: left bottom;"></li>
<li style="  background-image:url(Bilder/subnavi_23.png);">dasaadsasas</li>
<li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(Bilder/subnavi_29.gif); background-repeat:no-repeat;">&nbsp;</li>
<li style=" background-image:url(Bilder/subnavi_27.gif);">dasaadsasas</li>
<li style="  line-height: 3px; font-size: 2px; height:3px; background-image:url(Bilder/subnavi_29.gif);background-repeat:no-repeat;">&nbsp;</li>
<li style="  background-image:url(Bilder/subnavi_27.gif);">ddddddd</li>
<li style="height:5px; background-image:url(Bilder/d.gif); background-repeat:no-repeat;"></li>
</ul>
</div>