Float..credo?!
Ciao all,
mi sto mangiando la testa su questo problema che non riesco proprio a capire: il div in cui è contenuto il testo si porta dietro tutto lo spazio della barra laterale, lasciando quindi dello spazio vuoto prima che inizi un successivo div di test.

Ho spolpato tutto fino all'osso da un contesto molto più globale e sono arrivato a questo:

codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//IT" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns= "http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Titolo</title>
<style type="text/css">


body{
margin: 0px;
padding: 0px;

}

#navigazione_laterale{
float: left;
width:142px;
padding: 0px;
background-color: #F5f7f7;
border-bottom: 1px solid #cccccc;
border-right: #ECF2F2;
font-family: Verdana, sans-serif;
font-size: 10pt;
margin-bottom: 20px;
}

.box_lista_articolo{
background-color:white;
margin: 0px 0px 40px 10px;
border: 1px solid yellow;
}

div.clearer{
clear:left;
border:1px solid blue;
}
</style>

</head>

<body>


<div id="navigazione_laterale">
<ul> [*]Test1 [*]Test2 [*]Test3 [/list]

</div>

<div class="box_lista_articolo">
dsfgssd ffgsdf gsdfgsd fg sdfgsd fgsdfgsd fgsd
<div class="clearer"></div>
</div>


</body>
</html>


Qualcuno può tirarmi fuori da questa sabbia moobile? Nobel per l'aiuto in cambio!

Thanks all