[HTML][CSS] i "przeglądarka" Internet Explorer, Rozjechane linki... tylko pod IE... Opcje

[r_mag13]

Mam nadzieje że mi ktoś pomoże z tym jak mi się wydaje prostym (dla tego co się zna) problemem.
Problem polega na tym że mam takie menu w html (+css):

[HTML] pobierz, plaintext 
<div class="menuf">
    <ul>
        <li><a href="link.html">Link</a></li>
        <li><a href="link.html">Link</a></li>
        <li><a href="link.html">Link</a></li>
        <li><a href="link.html">Link</a></li>
        <li><a href="link.html">Link</a></li>
    </ul>
</div>
[HTML] pobierz, plaintext 

Do tego w css:

[HTML] pobierz, plaintext 
#menu {
    margin:0;
    padding: 0;
    float: left;
    width: 190px;
    border-style: solid;
    border-width: 1px;
}
 
#menu ul, ul li {
    font: menu;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#menu li {
    text-align: center;
    padding: 0;
    margin: 0;
}
 
#menu a {
    padding: 0px 50px 0px 50px;
    margin: 0;
    text-decoration: none;
    color: black;
}
 
#menu a:hover {
    color: white;
    text-decoration: underline;
    background: green;
}
[HTML] pobierz, plaintext 

No i wszystko jest dobrze.. dopóki nie zaczniemy oglądać strony pod Internet Explorer-em (swoją drogą nienawidzę tej przeglądarki, ale co ja tam wiem). Pod Firefox-em i Operą wygląda tak jak sobie wyobraziłem czyli:


Pod IE natomiast:


I tu moje pytanie: Jak usunąć te odstępy w IE...?