Ciao a tutti! Ho la seguente pagina:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Rolebase</title><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="HAPedit 3.0">

<style type="text/css">
/**/
/*stili per il layout fisso*/
html{margin: 0;padding:0;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center; background-color: #686868}
div#container{width: 1024px;margin: 0 auto;text-align: left;
    border-left: 2px solid #54001A;border-right: 2px solid #54001A;}

/*stili generici, su header e footer*/
div#header{background-color:#1E1E1E;color: #D3D3D3}
h1,h2{margin: 0;padding:0}
h1{color: #D3D3D3;padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #D3D3D3;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
/*div#image{margin-right: 0; padding: 0; background-color: white}*/
div#navigation{float:right;width: 160px; background-color: #54001A}
div#content{margin-right: 160px; width = 100%; padding: 1em; background: url(img/bar3.png) repeat-y top right; background-color: #1E1E1E; color: #D3D3D3; padding-right: 45px}
div#content table{border-collapse: collapse; border-color: #54001A;}
div#footer{clear:right; text-align:center; padding: 0.5em;
    background-color: #54001A; color: #000}

/*stili per la navigazione*/
div#navigation{background-color: #54001A}
div#navigation table{border-collapse: collapse; border-color: red}
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}	
</style>
</head>

<body>
<div id="container">
    <div id="header">
        <h1>Rolebase!</h1>
    </div>
<div id="navigation">	<form name="login" action="index.php" method="post">
    <label>Username: <input type="text" name="user"></label>
	

    <label>Password: <input type="password" name="pwd"></label>
	

    <input type="submit" name="submit" value="Login">
	</form><ul>[*]Home[*]Profilo
			[*]Registrati
			[*]Campagne
			[*]Personaggi[*]Simpatia[*]Cortesia[*]Forum[/list]
    </div>
<div id="content">2008-08-07 13:22:11 - Caratteri accentati da <u>admin</u>
	
Corretto problema caratteri accentati
	
___________________________
	
2008-08-07 09:14:15 - Campagne da <u>admin</u>
	
Aggiunta la possibilità di aggiungere sessioni ad una campagna. Presto il form per aggiungere campagne.
	
___________________________
	
2008-08-06 16:32:30 - Visualizzazione campagne da <u>admin</u>
	
Aggiunta la capacità di visualizzare le campagne, compreso il blocco per quelle private; non si possono ancora aggiungere o modificare.
	
___________________________
	
2008-08-06 11:51:08 - altra prova da <u>admin</u>
	
ennesima prova
	
___________________________
	
2008-08-06 11:32:23 - Corretto bug password da <u>admin</u>
	
Ora le password sono case-sensitive. Mentre lavoravo a questo bug ho fatto una cazzata, e gli utenti registrati si ritrovano ora con la passwod uguale al primo carattere della loro vecchia password. se volete cambiarla fatemi un fischio :P
	
___________________________
	
2008-08-06 10:28:18 - Ora davvero da <u>admin</u>
	
eh sì
	
___________________________
	
2008-08-06 10:12:07 - Ora le news funzionano da <u>admin</u>
	
w00t!
	
___________________________
	
    <br clear="all" />
	</div>
	<div id="footer">prova footer</div>
	</div>
	</div>
</body>
</html>
che viene renderizzata nel modo seguente:




Il problema è il rettangolo cerchiato in rosso: vorrei che il div della barra di navigazione si estendesse fino al footer, ma ciò non avviene. Ho provato a usare break ma non ho avuto successo.. avete qualche idea?