Beste,

Bij deze wil ik graag verduidelijking vragen omtrent mijn horizontale css navigatie. Als ik deze in firefox bekijk is het allemaal netjes hoe het moet zijn. MAAR in IE7 uiteraard niet.

het gaat hier om de website:
http://www.poker-promoties.be

CSS:

Code:

#navcontainer{
	padding-top:24px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 6px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #641c1f;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #d40332;
text-decoration: none;
}

Iemand enig idee , of een tutorial die weet hoe ik dit moet oplossen ?

Met vriendelijke groeten

Dennis

Probeer dit eens..
http://www.wmcity.nl/artikelen.php?a...&id=801&page=8

Inderdaad pakt IE niet altijd de padding die is meegegeven in de style, probeer altijd gebruik te maken van een vaste height in een li element of wat dan ook.

Succes ermee

Voeg een line-height:--px; toe aan de li, dat werkt veel beter dan paddings...

Zoals Gijsbert al zei, als je een line-height toevoegt bij "#navlist li" zou het moeten werken. (waarschijnlijk iets van "line-height:30px;" ongeveer)

groeten.