gesloten

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style_ie7.css" />
<![endif]-->

IE6 klopt ook niet, maak een stylesheet voor IE6 en 7 aan, en klooi daar een beetje mee.

gesloten

Ik vermoed dat de navigatie in IE6 hetzelde probleem heeft, dus dan doe je beter dit :

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

gesloten

Maak onder je navigation div een <br clear="all" />

gesloten

En als je padding veranderd in margin? Ik weet niet of je tekst ook nog in een <p> tag staat anders kun je die ook een padding/margin meegeven. In plaats van <br clear="all"> kun je ook dit proberen <div style="clear:both;"></div>

Succes ermee!

gesloten

De <li> een float left geven kan helpen, probeer anders eens dit:

*{
margin: 0;
padding: 0;
list-style: none;
}

gesloten