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...?

http://developer.yahoo.com/yui/reset/

Wklej sobie kod resetujący na górze pliku CSS i powinieneś nie mieć problemów.

Nic się nie dzieje

Temat: HTMLCSSrozjezdzajace_sie_menu_i_obrazki

Zrobiłem od początku, według kursu i działa. Dzięki.