Darstellungsfehler CSS bzw. HTML im Internet Explorer

[xpla]

Nein, es geht nicht einfach darum, keine Tabellen zu verwenden, man sollte halt sich vorher ne Grundahnung von der Materie erarbeiten und net einfach wo ne Tabelle war ein DIV reinkleschen und dann auch noch mit align="center" irgendwelche 0815 DIVs reindrücken.

Das ganze Design benötigt genau 3 DIV Boxen die sicher nicht verschachtelt sind ... Bzw. 4 wennst nen Fußbereich dabei haben willst ...

#kopf {
width:100%;
height:100px;
background-color: #009933;
}
#nav {
width:25%;
float:left;
background-color:#996600;
}
#inhalt {
width:75%;
margin-left: 25%;
background-color:#FF6600;
}
.clr {
clear:both;
}
#fußbereich {
width: 100%;
height: 150px;
background-color:#CCCCFF;
}


<div id="kopf">DAS IST DER KOPF</div>
<div id="nav">DAS IST DIE NAV</div>
<div id="inhalt">DAS IST DER INHALT</div>
<div class="clr">
<div id="fußbereich">DAS IST DER FUßBEREICH</div>