prozentuales Problem

[CSS]

Hallo,

habe mein Seiten Layout in CSS erstellt, klappt auch alles wunderbar.
Nun zum Problem, mein Footer liegt am Browserrand auf, der Contentbereich soll genau bis zum Footer gehen, macht er aber nicht, er steht immer so weit drunter wie der Header hoch ist. Ich muss dazu sagen das ich die Haeder höhe fest vergeben habe was ich leider machen muss wegen dem Iframe inhalt. Gibt es ne möglichkeit das die Seite trotzdem immer 100% des Browserfensters ausfüllt?

Hier der Html Code:

<div id="content_container">
  <h1 id="header">
  <iframe src="oben.htm" width="100%" height="115" name="oben" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>
</h1>
   <div id="menu" nowrap="nowrap" style="min-width:950px;>
  <iframe src="menuleer.htm" width="181px" height="100%" name="menue1" scrolling="no" frameborder="0"></iframe>
  <iframe src="main.htm" width="721px" height="100%" name="cont" frameborder="0" scrolling="Auto"></iframe>
  </div>
 </div>
<div id="footer" >
  <iframe src="unten.htm" width="100%" height="13px" name="ftr" frameborder="0" scrolling="no"></iframe>
 </div>

und der CSS Code:

html, body
{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
 background-color:#fffef4;
 min-height:382px;
}

#header
{
 margin:0;
 background:#fffef4;
 width:100%;
}

#content_container
{
 overflow:scroll;
    height:100%;
 margin:0px;
 min-height:382px;
 min-width:902px;
}

#footer
{
    background:#fffef4;
    height:13px;
 width:100%;
 margin:-13px;
 margin-left:0px;
}

#menu
{
 margin-bottom:0px;
  background:#FFFef4;
  min-height:382px;
  height:100%;
 text-align:left;
}

Hab schon alles durchgegoogelt aber nix konkretes zu der Problematik gefunden ausser alles prozentual zu machen. Wäre über jegliche Tipps dankbar.