IE-Bug (Float): Inhalt verrutscht bei Verkleinern d. Fenster

[glücksmensch]

Hallo!

Dieses CSS wird Dein Problem fixen. Es ist der Box-Model-Bug des Internet Explorers (genauere Beschreibung des Bugs kannst Du Dir ergoogeln). Aber um diesen Bug zu umgehen, sollte man "width"-Angaben niemals mit "padding"-Angaben und/oder "border"-Angaben mischen. Auch ist es in Deinem Fall wichtig, keine Breitenangabe für das Fenster #inhalt zu setzen.
hier der CSS-Code:

  
html {  
margin: 0;  
padding: 0;  
}  
  
  
body {  
background-color: #faeed6;  
color: #000;  
font-family: Verdana, Helvetica, sans-serif;  
font-size: 1.0em;  
margin: 0;  
padding: 0;  
}  
  
#inhalt {  
background-color: #faeed6;  
float: left;  
}  
#inhalt p {  
  padding: 10px;  
}  
  
#kopfzeile {  
background: red;  
height: 200px;  
}  
  
#navigation {  
background-color: #969084;  
float: left;  
font-size: 1.1em;  
height: 200px;  
width: 200px;  
}