Box i fuld højde?

Hej alle

Jeg er helt grøn når det kommer til hjemmesider...

Jeg er ved at opdatere en side hvor jeg vil fjerne tabeller og erstatte dem med boxe. Jeg er nu kørt fast da jeg gerne vil have alle boxe ned til sidefoden..?

Hvordan gør man det?

Min CSS

#top
{
background: #666666;
height: 80px;
margin-top: 3px;
border: 1px solid #CCCCCC;
}

#vspalte
{
float: left;
margin-top: 3px;
margin-bottom: 3px;
width: 180px;
background-color: #666666;
padding: 10px;
border: 1px solid #CCCCCC;
}

#hspalte
{
float: right;
margin-top: 3px;
margin-bottom: 3px;
width: 180px;
background-color: #666666;
padding: 10px;
border: 1px solid #CCCCCC;
}

#center
{
background-color: #666666;
width: 548px;
height: 100%;
margin-left: 205px;
margin-top: 3px;
padding: 10px;
border: 1px solid #CCCCCC;
}

#fooder
{
background-color: #666666;
width: 980px;
height: 20px;
border: 1px solid #CCCCCC;
}