Variable Größe des Content-DIV-Containers

[Michael Brandhoff]

Hallo,

ich habe Probleme meine Layoutvorstellungen zu realisieren.
Und zwar möchte ich gerne in meiner Seite ein Header-, ein
Content-, und ein Footer-DIV einbinden. So dass der Header
stets eine fixe Größe aufweist und ganz oben aufzufinden ist.
Der Footer sollte 16px hoch sein und natürlich ganz am Ende
der Seite stehen. Zusätzlich soll der Content-Frame - dessen
Inhalt später mittels eines Iframes dargestellt wird - den
gesamten vorhandenen Platz ausfüllen, abhängig von der Höhe
des Browserfensters.
|------------
|            |  <= Header
|------------|
|            |
|            | <= Content: soll variable Höhe besitzen
|            |
|            |
|____________|
|____________| <= Footer

Hier mein bisheriger CSS-Code:

  
.div_header  
{  
    position:absolute;  
    width:100%;  
    top:0px;  
    height:78px;  
    left:0px;  
    background-color:#BFBFBF;  
}  
.div_content  
{  
    position:absolute;  
    top:78px;  
    left:0px;  
    width:100%;  
    height:100%;  
    background-color:#CECECE;  
}  
.div_footer  
{  
    position:absolute;  
    bottom:0px;  
    left:0px;  
    width:100%;  
    height:16px;  
    background-color:#ABABAB;  
}  

Das Problem bei mir ist, dass automatisch ein Scrollbalken
erscheint, da/und das Content-DIV über den Footer hinaus läuft.

Kann mir einer auf die Sprünge helfen, wo mein Fehler liegt?

Tausend Dank.
Michael Brandhoff