Padde: Hintergrundfarbe über ganze Seite erstrecken funktioniert nicht

Beitrag lesen

Hallo zusammen,

bräuchte mal Hilfe...

<html>  
<body>  
<div id="container">  
<div id="content">  
INHALT  
</div>  
</div>  
<body>  
<html>
  
html, body {  
height: 100%;  
}  
  
div#container {  
min-height: 100%; /*für moderne Browser*/  
}  
  
div#content {  
min-height: 100%;  
background: grey;  
}  

Kann mir jemand sagen, weshalb sich die Hintergrundfarbe im div#content nicht über den gesamten Viewport erstreckt? Firefox, Safari und Chrome sollten die Eigenschaft eigentlich verstehen. Komischerweise funktioniert mein Vorhaben nur, wenn ich im div#container height: 100%; angebe. Das kann doch nicht sein? Was mache ich falsch?