<body>
<div id="box">
<div id="header"> header </div>
<div id="navigazione">navigazione.
</div>
<div id="contenuto">contenuto

contenuto
</div>
<div id="footer"> footer </div>
</div>
</body>

codice:
body{
font-family: arial,sans-serif;
text-align: left;
background-color: #d5d5e3;
}

div#box{
width: 900px;
margin: 0 auto;
text-align: left;
background: url(../immagini/sfondo_navigazione.jpg) repeat-y top left;
}

div#header{
height: 100px;
background-color: #ff0000;
}

div#navigazione{
float:left;
width: 200px;
}

div#contentenuto{
margin-left: 200px;
}

div#footer{
clear:left;
text-align:center;
padding: 0.5em;
background-color: #69c;
color: #000;
}
perchè se la lunghezza del contenuto supera la lunghezza della navigazione, il testo mi va a finire sotto la barra di navigazione?

scusate ma è il mio approccio al CSS;
Ciao!!