Salve a tutti, ho un problema e spero mi possiate aiutare:

Devo costruire una pagina web con tre elementi:

codice:
<div id="header"></div> 
<div id="content"></div> 
<div id="footer"></div>
L'header è un'immagine, ne conosco le dimensioni e posso assegnarle una posizione fissa nei fogli di stile.
La posizione iniziale del content posso dedurla da quella dell'header (se l'immagine ha height="250" il content iniziera dal 251esimo pixel) solo che questo conterrà testo e a seconda dell'aggiornamento cambierà la sua lunghezza.
Come faccio a posizionare il footer sempre esattamente sotto il content e quindi far si che si adegui alle dimensioni di questo?
Usando i fogli di stile si intende...

Grazie!