div annidato

[mmp94]

buongiorno a tutti ,premetto che non sono esperto in css quindi sono venuto a chiedere un consiglio

sto cercando di creare un container con diverse zone che poi userò per i dati che deriveranno dal mio php.
ho disegnato uno schema veloce per rendere l idea
http://dl.dropbox.com/u/34733105/schema.png

io vorrei realizzare un div container , con dentro diversi div, il mio problema è che dopo 2 giorni ho messo un div#imag dentro il div principale,ma

<div id="container">
<div id="imgcontainer"></div>
<div id="titolocontainer"></div>

se chiudo imgcontainer....titolocontainer, esce dal div principale, mentre se non lo chiudo finisce nel div img!!!

@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(../image/bgblue.jpg)
}

#container{
	/*position:;*/
	background-color:#FFF;
	width:70%;
	height:80px;
	margin-left:100px;
	margin-top:20px;
	
		}
#spazio{
	/*position:;*/
	background-color:transparent;
	width:100%;
	height:20px;}	
	
#imgcontainer{
	background-color:#0F3;
	width:80px;
	height:100%;}
#titcontainer{
	background-color:#003;
	height:30px;
	width:100%;}

[mrseo88]

1. Manca la chiusura del div continer
2. Togli l'altezza al div principale
3.Prima della chiusura del div continer metti questo:

<div style="clear:both"></div>

Ovviamente l'altezza del continer a questo punto dipenderà dal l'altezza dell'immagine

Esempio codice completo

<div id="container"> 

   <div id="imgcontainer">[img][/img]</div> 
   <div id="titolocontainer"><p style="color:#FF0000">sdfsafsdfsdfs</p></div> 
   <div style="clear:both"></div> 

</div>