[CSS] MouseOver Button Problem

[kaSio]

Hi Matze,
sorry, dass ich euch gestern darum gebeten hab mir das zu machen. Ich war nur echt verzweifelt. Hab mich aber dann nochmal mir deiner Hilfe dran gesetzt und jetzt klappt fast alles. Hab jetzt doch wieder ein Background-Image genommen.

Im Firefox sieht jetzt alles super aus, aber im IE gibts noch ein kleines Problem.
Da ist noch ein kleiner Abstand zwischen Header und Buttons. Liegt das vielleicht am "div" Code?

<style type="text/css">  
<!--  
 #nav ul  
{  
margin: 0;  
padding: 0;  
list-style-type: none;  
background-color: #FFFFFF;  
}  
  
#nav ul li { float: left;  
   height: 28px;  
   width: 106px;  
   text-align:center;  
   padding-top:0px; }  
  
#nav ul li a  
{  
float: left;  
   height: 28px;  
   width: 106px;  
line-height: 250%;  
text-decoration: none;  
font-size: 10px;  
font-family: verdana, sans-serif;  
margin: 0;  
padding: 0;  
color: #5A5B5D;  
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);  
}  
  
#nav ul li a:hover  
{  
color: #04AFAF;  
background-image:url(../bt/assets/images/MouseOver/mouseover_02.jpg);  
}  
-->  
</style>

<div id="nav">  
<ul>  
<li><a href="/bt/index.html">BRANDTRONIK</a></li>  
...  
</ul>  
</div>

mfg kaSio