en blandet landhandel

Jeg har stillet mig selv den opgave at opbygge en side uden brug af tabeller. I den forbindelse har jeg lige et par spørgsmål.

Hvordan får jeg #content til at stretche så den tilpasser sig skærmen, men så der stadig er plads til #header og #footer?

#header {   
    background-color: #ffffff;
    width: 557px;
    height: 125px;   
}

#content {
    background-color: #f8f8f8;
    width: 557px;
    height: ????;   
}

#footer {
    background-color: #efefef;
    width: 557px;
    height: 25px;
}


Jeg synes også hele tiden at jeg støder på nogle css kommandoer som jeg ikke har set før. Hvad betyder f.eks:
height: auto !important;

Kender i nogle artikler/sider som kan give mig lidt indsigt i at opbygge en side med css? Jeg har læst 'HTML Utopia: Designing Without Tables Using CSS' (http://www.sitepoint.com/article/1170), men jeg syntes ikke den var videre brugbar.