100% screen height ELLER 100% page height

Hej,

Jeg er ved at lave et layout, hvor jeg vil have alt indholdet til at have en anden baggrund. Derfor skal den fortsætte med indholdet så det er 100% page height, men hvis indholdet ikke fylder hele siden, skal det være 100% screen height. Mit forsøg er ret bugged, men her er lidt kode.

---
<div id="container">
<div id="header">
banner m.m.
</div>

<div id="content">
<div id="menu">
MENUEN!
</div>

<div id="main">
Indhold
</div>

</div>
</div>

---

og style.css:

---

#container {
    width: 950px;
    height: auto;
    margin: 0 auto;
    background: #222222;   
}

#content {
    width: 950px;
    margin: 0 auto;
    height: auto;
    background: #222222;
}

---

50 point til en solid løsning.

Mvh.
CB