maquetacion css

[viera90]

Hola a todos, necesito un poco de ayuda, explico que es lo que me sucede. Tengo tres div uno principal que es "content" y dos secundarios "content_left, content_right" que se encuentran dentro de "content".

El problema es el siguiente cuando le pongo el float:left en los div secundarios el content principal se me corta y no sigue el incremento cuando voi añadiendo contenido en los div secundarios. Alguna solucion?? Pongo el codigo por si hace falta. Gracias, un saludo!!

#content{
border:1px solid black;
width:1000px;
margin:auto;
}

#content_left{
border:1px solid black;
float:left;
width:700px;
}

#content_right{
border: 1px solid black;
float:left;
width:280px;
}