ciao

Non sto ruiscendo ad allineare dei div :

ovvero devo creare una struttura del genere

codice:
  _____   __________   _____
 |     | |          | |     |
 |menu | |  princ   | |menu |
 |_____| |__________| |_____|
Con un margine tra i vari 'pezzi' di 6 px;

Utilizzo questo

codice:
#colonna-sx .box, #colonna-dx .box {
      padding: 9px;
      float: left;
      width: 100%;
      background: #FF6;
}
#principale {
	float:			left;
	width:			60%; 
	background:	#FFF; 
	color:			#000;
	margin: 		0 0 -1px 0;
	border-top:	1px solid #000;
}

/* poi queste classi */

#colonna-sx .box, #colonna-dx .box {
      padding: 6px;
      float: left;
      width: 100%;
      background: #FF6;
}
#colonna-sx .tab, #colonna-dx .tab {
                                    width: 100%;
                              float: left;
                              background: #323665;
                              color: #fff;
                              margin: 3px;
      }
e nella pagina html per creare la prima tabella ad esempio :

codice:
<div id="colonna-sx">
<div class="box">
.Menu
<div class="tab">
ciao
</div>
</div>
<div class="box">
.Cerca
<div class="tab">
Cerca
</div>
</div>
</div>
Ma come vedete dal link sotto, a sinistra il magine viene rispettato, a destra invece no ... si attacca al 'pezzo' centrale.

Quindi alla tabella di destra si allinea sempre correttamente a sinistra ma non a destra.

Risultato : www.mytag.org/bozza/2.html

Perchè ??