Menu CSS Opcje

[kopendrex]

Witam wymeczylem dzis menu, ale mam problem z IE tj dodaje jakies mi odstepy pomiedzy <li> w <ul class='pion'> wie ktos moze co z tym zrobic?:

Kod

<link rel="stylesheet" href="test.css" type="text/css" />
<div id="MenuModele">
<ul id="Menu">
  <li><a href="" class='a0'>Modele</a>
   <ul class='pion'>
    <li><a href="" class='a1'>Osobowe</a>
     <ul>
      <li><a href="" class='a2'>Jeden</a></li>
      <li><a href="" class='a2'>Dwa</a></li>
      <li><a href="" class='a2'>Trzy</a></li>
     </ul>
    </li>
    <li><a href="" class='a1'>4x4</a></a>
     <ul>
      <li><a href="" class='a2'>Jeden</a></li>
      <li><a href="" class='a2'>Dwa</a></li>
      <li><a href="" class='a2'>Trzy</a></li>
     </ul>
    </li>
    <li><a href="" class='a1'>Dostawcze</a>
     <ul>
      <li><a href="" class='a2'>Jeden</a></li>
      <li><a href="" class='a2'>Dwa</a></li>
      <li><a href="" class='a2'>Trzy</a></li>
     </ul>
    </li>
   </ul>
  </li>
</ul>
</div>

[HTML] pobierz, plaintext 
body {
margin: 0px;
padding: 0px;
text-align: left;
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
color: #666666;
behavior:url("csshover.htc");
}
#MenuModele {
width: 110px;
}
#MenuModele ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#Menu a.a0,#Menu a.a1,#Menu a.a2 {
display: block;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #000000;
margin: 0px;
padding: 0px;
}
#MenuModele a:hover {
color: #ff00ff;
}
#MenuModele li {
position: relative;
}
#MenuModele ul.pion {
position: absolute;
left: 0px;
top: 20px;
}
#MenuModele ul ul ul {
position: absolute;
left: 110px;
top: 0px;
}
a.a0 {
background-color: #bdbdbd;
width: 110px;
height: 20px;
}
a.a1 {
background-color: #adadad;
width: 110px;
height: 20px;
}
a.a2 {
background-color: #dadada;
width: 110px;
height: 20px;
}
div#MenuModele ul ul.pion li,
div#MenuModele ul ul.pion ul {
display: none;
}
div#MenuModele ul li:hover ul.pion li,
div#MenuModele ul ul.pion li:hover ul {
display: block;
}
[HTML] pobierz, plaintext