Footer à compléter

Bonjour voici le code de mon CSS

body {
overflow-y
color : white;
background-color : #000000;
margin : 0;
}
#horizon {
color : white;
text-align : center;
position : absolute;
top : 50%;
left : 0;
width : 100%;
height : 0;
}
#container {
font-family : Verdana, Geneva, Arial, sans-serif;
background-image : url(Lateral.gif);
background-repeat : repeat-x;
position : absolute;
top : -300px;
width : 100%;
height : 600px;
visibility : visible;
}
#foot {
background-color : #c17021;
position : absolute;
width : 100%;
height : 600px;
visibility : visible;
}
#flashcontent {
font-family : Verdana, Geneva, Arial, sans-serif;
margin-left : -500px;
position : absolute;
left : 50%;
width : 1000px;
visibility : visible;
}

Le souci c'est que le Footer prend 600px mais je souhaiterai qu'il complète juste le bas de l'écran pour remplir l'écran.
Merci de votre aide à tous