automatisch browser-höhe

[pgx3d]

Guten Tag

Ich habe eine Webseite erstellt, welche ich über css steuere.

Mein Problem ist, dass ich es nicht hinbringe, das css so einzustellen, dass die Seite automatisch auf die Grösse des Browser-Fensters angepasst wird...
Denn so habe ich einen Scroller vom Content und von der ganzen Seite.

Ich hoffe mir kann jemand weiter helfen.

Hier die css (ist nicht allzu sehr aufgeräumt :-))

body
{
margin: 0px;
padding: 0px;
font: 14px arial, hevetica, sans-serif;
text-align: center;
color: ;
background-color: #666666;
background-image: );
}

#container { position:absolute;  vertical-align: middle; top:; left:; width:1000px;                     height:77%; background: #666666; border:; float: left; color: #FF8429;
                  top: 5px;
    left: 50%; margin: -0px 0 0 -500px;}

#title  { position:relative; top:0px; float:middle ; left:; width:1000px; height:90px;
    background: #330000; border: ;  color: red; }

#anouncment { position:relative; ;top:0px;  float:left; left:; width:1000px; height:75px;
    background:#330000; color: ; overflow: center;}

#mainnav { position:relative; top:; float:left; left:; width:128px; height:100%;
    background: #425A10; color: #FF8429;
      clear:left; text-align: left; overflow: auto;}

#contents { position:relative; top:; float:left; left:; width:872px; height:100%;
    background: #330000; color: #FF8429; overflow: auto;}

#news  { position:absolut; top:; float:left; left:; width:122px; height:100%;
    background: #425A10; color: #FF8429;}

#footer  { position:relative; top:0px; float:left; left:; width:1000px; height:15px;
    background: darkblue; color: green; border: ;  }