"rozrzucone" menu w Internet Explorer

[forland]

Witam
mam problem ze stroną w IE. jest oparta o CSS, poradziłem już sobie z różnicami w rozmiarach box'ów pod IE i innymi przeglądarkami, ale nie mam pojęcia jak zlikwidować "rozstrzał" pomiędzy przyciskami menu. Chodzi oczywiście o to, żeby było tak jak w Firefox.

poniżej kod i screeny z Firefoxa i IE:

w tym boxie zawarte jest menu:

Kod:

#left {
    width:130px;
    /* any IE */
       width: expression('142px');
    margin:4px 4px 4px 0px;
    padding:5px;
    border:1px solid #4b9eb0;
    background:#F7F7F7;
    float:left;
}

kod menu:

Kod:

#left ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#left ul li a, #left ul li a:visited {
    display:block;
    border:none;
    text-align:left;
    background:#333;
    padding:6px 6px 6px 10px;
    margin:2px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
   font-size:1.15em;
}

#left ul li a:hover {
    background:#4B9EAF;
}

#left ul li a#current  {
    background: #4B9EAF;
    color: #FFF;
}

dzięki za pomoc,
pozdrawiam

[Kartofelek]

Ostyluj LI - powinno pomoc.
Ogólnie fajnie jest robić tak:
Stylujesz LI, potem dajesz w nim blokowy A, który ma width na 100% i height takie jak LI.
Reszta rzeczy typu line-height itp dajesz dla A.

[forland]

mógłbym poprosić jeszcze jakiś przykład kodu na to, o czym napisałeś?
kombinuję, ale coś mi nie wychodzi
z góry dzięki

edit:
dodam jeszcze kod html dotyczący menu:

Kod:

<div id="left">
    <div id="tytul">
     Menu główne:
     </div>
     <ul>
     <li><a id="current" href="index.html">Strona główna</a></li>
     <li><a href="stacja.html">O Stacji</a></li>
     <li><a href="wyprawy.html">Nasze Wyprawy</a></li>
     <li><a href="badania.html">Badania</a></li>
     <li><a href="wydarzenia.html">Wydarzenia</a></li>
     <li><a href="publikacje.html">Publikacje</a></li>
     <li><a href="linki.html">Linki</a></li>
     <li><a href="ksiega.html">Księga gości</a></li>
     </ul>
...

[Kartofelek]

Masz tak:

#left ul { <- STYL DLA UL
margin:0px;
padding:0px;
list-style-type:none;
}

#left ul li a, #left ul li a:visited { <- STYL DLA A w LI
display:block;
border:none;
text-align:left;
background:#333;
padding:6px 6px 6px 10px;
margin:2px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:1.15em;
}

#left ul li a:hover { <- STYL DLA A
background:#4B9EAF;
}

#left ul li a#current { <- STYL DLA A
background: #4B9EAF;
color: #FFF;
}

musisz ostylować LI
#left ul li {
.....
}
style tak jak ci pisałem