Salve, ho una struttura html del seguente tipo: (premetto che non so praticamente niente in materia)

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>energia nucleare</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css" media="screen">
   @import url(css/htmlit.css);
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Energia nucleare</h1></div>
<div id="main">
    <div id="content">
        <h2>Cos'è</h2>
        
        

L’energia nucleare altrimenti detta energia atomica è un fenomeno che permette la produzione di energia dalla modifica dei nuclei atomici. È considerata una forma d’energia alternativa alle fonti fossili ma non rinnovabile. 
Due sono i metodi utilizzati per ricavare energia dalle reazioni nucleari: la fissione e la fusione.

</p>
    </div>
    <div id="nav">
        <h3>Sommario</h3>[*]home[*]fissione[*]fusione[*]scorie[*]Cernobyl'  
    </div>
</div>

<div id="extra">[img]img/25172.jpg[/img]</div>
<div id="footer"><font color=black>Qui il footer</font></div>
</div>
</body>
</html>
e questo CSS:
codice:
html,body{margin:0;padding:0}
body{font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
   background: yellow;color: black;text-align:center}
h1{margin: 0;padding: 30px 0 10px 5px;font-size: 400%;color: black}
h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: black}
h2{font-size: 160%}
h3{font-size:130%}
h4{font-size:120%}
p{margin: 0 5px;padding: 0 0 0.7em}
div#container{width:760px;margin: 0 auto;
    background: url(3col.jpg) repeat-y;text-align:justify}
div#header{background: yellow}
div#main{float:left;width:540px}
div#content{float:right;width:400px}
div#nav{float:left;width:140px;font-size:85%}
div#extra{float:right;width:220px;font-size:95%}
vorrei mantenere il footer sempre in fondo alla pagina e centrato, (quando la pagina ha troppo testo si sovrappone ad esso)
se necessario la struttura può essere modificata ma ottenendo (possibilmente) lo stesso risultat. in più vorrei che si vedessero i bordi dei vari div se l'effetto è piacevole (in colore nero).
Spero di non aver sbagliato forum