[CSS] IE8 geeft dubbele borders

[me1299]

Ik heb een beetje vreemd probleem waar ik geen oplossing voor kan vinden. Ik heb een UL LI menu, en de LI elementen hebben een border-bottom van 1px.

In firefox en IE7 < wordt het weergegeven zoals het hoort, maar in IE brengt hij 1x een border aan de onderkant en 1x aan de bovenkant van het volgende element. Erg vreemd.

code:

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

#menu>ul li {
    width: 196px;
    text-align: left;
    padding-top: 5px;
    border-bottom: 1px solid black; 
}

[Verwijderd]

Je zou kunnen proberen om de onderste ul niet specifiek te benoemen; je wilt tenslotte niet dat de ul een border krijgt, maar de li.

Dus verander regel 7 uit je code in

#menu li {

En kijk eens of het helpt..

[me1299]

Verwijderd schreef op dinsdag 11 augustus 2009 @ 13:28:
Je zou kunnen proberen om de onderste ul niet specifiek te benoemen; je wilt tenslotte niet dat de ul een border krijgt, maar de li.

Dus verander regel 7 uit je code in

#menu li {

En kijk eens of het helpt..

Goed bedacht, maar dat helpt helaas niet Als ik compatibility modus aanzet in IE8 werkt het wel naar verwachting overigens.

code:

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

li {
    width: 196px;
    text-align: left;
    padding-top: 5px;
    border-bottom: 1px solid black;
}

Geeft dezelfde problematiek.

[ Voor 19% gewijzigd door me1299 op 11-08-2009 13:33 . Reden: Aanvulling ]

[me1299]

Opgelost.. Er waren een aantal <a> tags niet afgesloten waardoor het zaakje opgerekt werd.

[Verwijderd]

nice