sera a tutti,

ho un layout così fatto:

<div id="scatola">
<div id="testata">...</div>
<div id="laterale">
<div class="laterale">menu...</div>
</div>
<div id="contentitore">
<div id="contenuto">
...
</div>
<div id="navigazione">
<ul>
<li ...[/list]
</div>
<div id="piede">


...</p>
</div>
</div>
</div>

con questo CSS:

div#testata {
width: 1024px;
height: 150px;
background-image: url(immagini/aa.png);
}
div#scatola {
width: 1024px;
height: auto;
margin: auto;
}
div#laterale {
float: left;
height: 300px;
width: 32px;
background: #99FF66;
}
div#contentitore {
width: 960px;
height: auto;
background-color: #001849;
margin: 0 0 0 32px;
clear: right;
}
div#contenuto {
width: 738px;
height: auto;
background-color: #252525;
float: left;
padding: 10px;
border: solid #88d5ff 1px;
font-size: 13px;
line-height: 1.7;
text-align: justify;
}
div#navigazione {
width: 190px;
height: 390px;
float: left;
background-color: #001849;
background-image: url(immagini/nav-menu.gif);
background-repeat: no-repeat;
padding: 37px 5px 5px 5px;
}
div#piede {
width: 960px;
height: 50px;
clear: both;
background-image: url(immagini/piede.gif);
text-align: center;
color: #777;
font-size: 10px;
line-height: 1.6;
}


Su FF vedo tutto bene, il solito IE6 mi crea uno spazio tra #laterale e #contenuto, spostando quest'ultimo a destra di circa 2px.

Ho anche provato a mettere display: inline; nel contenitore, ma mi serve la sua altezza per creare lo sfondo sotto al navigazione laterale, #scatola non posso darle uno sfondo perchè sotto #laterale deve essere trasparente.

Qualche suggerimento? dove prende quello spazio IE6?

Grazie
Fcw