Buona sera,
sto avendo il primo approccio con la costruzione di siti tableless, ma ho un problema con l'altezza del container principale.

il mio css è il seguente

codice:
html, body {margin: 0; padding: 0;}
body {background: url(../images/background.gif);
	font-family: arial,sans-serif;
	font-size: 76%;
	text-align: center}
#container{width: 760px;
	margin: 0px auto;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #903;
	background-color: #FFF;}
#navigation{float:left;
	width: 140px;}
#content{margin-left: 140px;
	padding: 1em;}
ma in pratica se creo una pagina di prova tipo questa:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>PROVA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
@import url("css/style.css");
</style>
</head>
<body>
<div id="container">
<div id="navigation">
.:MENU:.

- A

- B

- C

</div>
<div id="content">
Benvenuti nel mio sito!!!
</div>
</div>
</body>
</html>
la colonna di sinistra mi sfora oltre il container.
Dalla guida di html ho provato ad aggiungere anche un background-image nel content... ma non ho ottenuto miglioramenti.
Deve essere una cavolata, ma non riesco a trovare la soluzione

grazie
ciao
gnegno