ciao a tutti,
sto imparando a fare i css da poco e ho riscontrato un problema
il div verde che devo metterlo al centro no ci sta... ho provato a metter margin left e right e si sposta al centro ovviamente, ma i div laterali in pratica scendono lasciando sopra di loro l'esatta dimensione del div centrale, cosa ho sbagliato?
qualcuno sa aiutarmi?

ecco l'immagine:




ecco il codice :


#contenitore{
margin:auto;
}

#box {
height:auto;
background-color:#FF3366;
background-repeat:repeat-y;
margin:0;
}
#testa {
margin:0;
background-color:#FFCCFF;
height:100px;
}
#piedi {
background-color:#FF00CC;
height:50px;
margin:0;
clear:both
}

#sinistra {
background-color:#FFFFFF;
width:100px;
float:left;
}

#destra {
background-color:#FFCCFF;
width:100px;
float:right;
}

#centro{
background-color:#00CC00;
width:100px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="contenitore">
<div id="box">
<div id="testa">testa</div>

<div id="centro">Inserire qui il contenuto per id "centro"</div>
<div id="sinistra">


oreojfdff</p>


f</p>


</p>
</div>

<div id="destra">


Inserire qui il coas</p>


s</p>


s</p>


s</p>


s</p>


s</p>


s</p>


ntenuto per id "destra"</p>
</div>
<div id="piedi">piedi </div>

</div>
</div>
</body>
</html>