Listenmenü: 1px Abstand im IE

[Stefan13]

Hallo zusammen,
ich bin gerade dabei mir ein CSS/Listenmenü zu basteln.
Leider bekomme ich im IE immer einen unschönen 1px abstand zwischen die einzelnen Listen.
Hat mir hierzu evtl jemand einen Tipp woran das liegt?

Anbei ein extrem vereinfachter Auszug aus meinem Code:

  
<style type="text/css">  
  
a {  
 text-decoration:none;  
 font-family:verdana;  
 font-size:0.8em;  
}  
  
  
ul#nav_left {  
 border:1px solid black;  
 width:190px;  
 margin:0;  
 padding:0;  
}  
  
ul#nav_left li {  
 width:190px;  
 background-color:black;  
 height:18px;  
 margin:0;  
 padding:0;  
}  
  
ul#nav_left li a{  
 display:block;  
 width:190px;  
 height:18px;  
 margin:0;  
 padding:0;  
}  
  
ul#nav_left li a:hover{  
 background-color:red;  
}  
  
  
</style>  
  
<ul id ="nav_left">  
 <li><a href="">Hauptmenü 1</a></li>  
 <li><a href="">Hauptmenü 1</a></li>  
 <li><a href="">Hauptmenü 1</a></li>  
 <li><a href="">Hauptmenü 1</a></li>  
</ul>