Gestrecktes div in gestrecktem div

[klaudiusz]

Hallo @all!

Wie man ein div auf die ganze Höhe des Browsers streckt, weiss ich:

  
html, body {  
background-color: #333333;  
margin: 0;  
padding: 0;  
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */  
}  
  
#wrapper {  
background-color: #FFFFFF;  
width: 80%;  
margin: auto; /* Div soll zentriert werden */  
min-height: 100%; /* Mindesthöhe für moderne Browser */  
height:auto !important; /* Important Regel für moderne Browser */  
height:100%; /* Mindesthöhe für den IE */  
overflow: hidden !important; /* FF Scroll-leiste */  
}  

Siehe auch: hier!

Allerdings möchte ich im <div id="wrapper"> oben ein header positionieren (mit fixer höhe). Darunter soll wieder ein Div sein, das wiederum die restliche Höhe ausnutzt, also gestreckt ist.
Hier jedoch funktioniert dieselbe Methode wie bei #wrapper nicht mehr:

  
min-height: 100%; /* Mindesthöhe für moderne Browser */  
height:auto !important; /* Important Regel für moderne Browser */  
height:100%; /* Mindesthöhe für den IE */  

Hat jemand eine Idee, wie sich das lösen lässt. Bei Google finde ich leider nichts Brauchbares dazu.