ciao,
vorrei aggiungere 2 div nell'header di questo template.
http://css-tricks.com/examples/PerfectFluidWidthLayout/
(Al momento c'è un'immagine centrata)
In pratica vorrei avere due celle allineate, una a destra e l'altra accanto (nell'header verde dico).

Ho creato i due div e ho provato a floattarli a sinistra mettendo poi un "clear: right" al div di destra, ma il contenuto sotto mi si accartoccia a destra...

Potete darmi una dritta?

Posto la porzione di HTML

Codice PHP:
<div id="header">
[url="http://css-tricks.com"][img]images/perfectfluidwidthheader.gif[/img][/url]
</div>

<div id="left-sidebar">


testo barra a sx</p>
</div>

<div id="main-content">
testo principale qui
</div> 
La parzione di CSS

Codice PHP:
#main-content { background: url(images/left-sidebar.gif) repeat-y white;     padding-left: 230px;     padding-top: 20px; }      

#header {     background: #267f23;     text-align: center; } 

 #left-sidebar {     width: 150px;     float: left;     padding-left: 15px;     padding-top: 20px; } 

Come detto, dentro all' header ho creato 2 div floattanti LEFT, ma il layout sballa tutto.
Grazie in anticipo.