Sto cercando di fare un css con i div che mi consenta di ottenere :
a sinistra un unico box,al centro due box uno sopra l'altro e a destra un altro unico box. In pratica sto cercando di realizzare 3 colonne dove quella al centro è a sua volta divisa in due.
Per farlo ho pensato di realizzare l'elemento centrale come wrapper e poi dentro definisco i due elementi. Solo che alla fine l'elemento finale , a destra , non si allinea con il wrapper centrale ma con l'ultimo elemento all'interno del wrapper. Il codice è:

html:
codice:
. . .
<body>
<div id="wrapper">
<div id="fondo">FONDO</div>
<div id="wrapperapertura">
<div id="apertura">APERTURA</div>
<div id="taglioalto">TAGLIO ALTO</div>
</div>
<div id="spalla">SPALLA</div>
</div>
</body>
</html>
css:
codice:
#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#wrapperapertura {
	width:500px;
	height:324px;
	margin:0 auto;
	text-align:center;
}
#apertura {
	float:left;
	width:500px;
	height:162px;
	background-color:#ffffff;
	text-align:center;
}
#fondo {
	float:left;
	width:200px;
	height:324px;
	background-color:#ffffff;
	text-align:center;
}
#spalla {
	float:left;
	width:200px;
	height:324px;
	background-color:#ffffff;
	text-align:center;
}
#taglioalto {
	float:left;
	width:500px;
	height:162px;
	background-color:#ffffff;
	text-align:center;
}
dove sbaglio?