[CSS] layout 3 colonne disallineate

[zoom]

sto provando un layout alternativo per un sitello...
a livello di xhtml sono così.

<div id="box">
	
	<div id="testa">
	</div>
	
	<div id="menu-nav">
	</div>
		
	<div id="content">
	</div>
	
	<div id="accessori">
	</div>
	
	<div id="coda">
	</div>
</div>

ok.
se io floatto menu-nav, content e accessori ottengo un classico 3 colonne...
io però accessori vorrei farlo partire dal top, con testa largo da sinistra alla fine di content...
una cosa del genere....

**************************
|---testa-----||accessori|
|menu||content||---------|
|----||-------||---------|
**************************

c'è modo di farlo senza cambiare la struttura xhtml? :master:

[Jerry Masslo]

a meno di non dare position:relative al contenitore e a quello position:absolute credo di no

[zoom]

era quello che temevo...
no problem, cambio l'xhtml perchè sono ancora alla bozza, però se poi per caso voglio tornare al classico 3 colonne non posso più agire solo da css...
a parte che potrei anche usare l'absolute, tanto non mi serve per l'altezza del box...
in questo caso almeno saebbe semplice fare retromarcia...
ma neanche usando il clear su testa posso riuscirci? :master:
grazie cmq...