[CSS] menu items over elkaar in IE7

[Mr_Kite]

Ik heb een website waar ik een eenvoudig menuutje heb opgebouwd met <ul> en <li> tags. Nu blijkt dit gebroken te zijn in IE7, de items vallen allemaal over elkaar. Ik heb alle position mogelijkheden al geprobeerd, maar alles waarbij het wel werkt in IE7, maakt het stuk in FF...

het gaat om de volgende site (let niet op spastische refreshes, ander probleem):
http://portfolio.extrapuur.nl/?design



dit is het relevante stukje css:

Cascading Stylesheet:

    #kort ul {
        list-style: none;
        padding-left: 0;
        margin: 0 0 1em 0;
    }
    #kort a {
        display: block;
        padding-left: 1em;
        color: white;
        text-decoration: none;
    }
    #kort a:hover {
        display: block;
        color: black;
        background-color: #E6E6E6;
    }

waarbij ieder menu-item dus in een <li> staat met een linkje, en bij een hover een witte achtergrond moet krijgen...

Iemand enig idee hoe dit te fixen?

[CoolGamer]

Ik denk dat het helpt door in #kort a het item display: block; weg te halen.

[Verwijderd]

Waarschijnlijk helpt het om voor zowel de list item als voor de anchor een hoogte op te geven. Eventueel voor de anchor ook een regelhoogte.

[Mr_Kite]

Verwijderd schreef op zondag 11 november 2007 @ 13:30:
Waarschijnlijk helpt het om voor zowel de list item als voor de anchor een hoogte op te geven. Eventueel voor de anchor ook een regelhoogte.

Bedankt! hoogte voor de list item was voldoende!