Höhe von Container-DIV per Javascript festlegen

Hallo,
auf der Seite http://www.klinger-für-frauen/aboutme.html möchte ich das DIV "container" dazu bringen, seine Höhe nach dem Browserfenster des Betrachters zu richten und seine Inhalte dann darin zu scrollen, falls sie zu lang sind. 420px müssen für Header, Footer und Rand ganz oben und unten abgezogen werden.

Dafür habe ich ein Javascript im Layout eingefügt:

/** Fenster ausrechnen **/

function resize()
{
var heights = window.innerHeight;
document.getElementById('container').style.height = heights-420+'px';
}
resize();
window.onresize = function() {
resize();
};


Im CSS habe ich den Container folgendermaßen definiert:

#container {
width:1024px;
top:185px;
position:absolute;
overflow:auto;
display:block;

Aber irgendwie will das nicht wie ich wohl will ...
Habt Ihr Anregungen? Ist iwo ein Fehler im Javascript oder in der CSS?

Lieben Dank im Voraus!
crashyhase

... Also ich weiß nicht warum - ich hatte im JavaScript noch auskommentierte Versuche drin, die richtige Funktion zu finden. Firefox bzw Firebug meldete das als "Fehler" - und als ich alles was auskommentiert war, gelöscht habe, funktionierte auch mein Script und die Seite einwandfrei ...!

:) Problem erledigt ... - vllt mag jemand das Script als Anregung für sich nutzen :)
crashyhase