Ciao...provo a buttarla li dato che da poco mi cimento con i css..
dunque...per quanto riguarda l'html prova a configurarlo così:

<html>
<boby>
<div id="container">
<div id="testata"></div>
<div id="navigazione"></div>
<div id="contenuti"></div>
<div id="footer"></div>
</div>
</body>
</html>

in questo caso ho fatto 4 campi
uno per la testata, uno per il menu, uno per i contenuti ed uno per il footer
in più un container che li racchiude tutti e quattro.

per i css

html,body{margin:0;padding:0}
body{font-family:"verdana"; font size: 76%; text-align: center}
#container{width:auto; height: auto; padding:0; margin:0}
#testata{width:800px; height:150px; padding:0;margin:0}// è un rettangolo di 800x150 px
#navigazione{width:800px; height:30pxadding:0;margin:0}// è un rettangolo di 800x30 px
#contenuti{width:800px; height:autoadding:0;margin:0}
#footer{width:800px; height:30pxadding:0;margin:0}

spero di avere azzeccato la formatttazione...fammi sapere...ciauz