Altura contenedor autoajustable

Buenas,
Soy bastante nuevo en el mundo css, agradecería vuestra colaboración,
El tema es que estoy haciendo una página donde defino un contenedor:

[html]
#contenedor {
width:960px;
height:1200px;
margin: auto;
background:url(../Images/background.jpg);
}/html]

Después algunas capas más como cabecera y contenido:

[html]
#cabecera {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
width:900px;
height:auto;
left:30px;
}
#contenido {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
top:164px;
width:900px;
height:auto;
background:#FFFFFF
}
[/html]
En la página lo tengo ordenado de esta manera:
[html]
<div id="contenedor">
<div id="cabecera">
Contenido de cabecera
</div>
<div id="contenido">
Contenido de contenido
</div>
</div>[/html]

El problema es que si defino el "height" del contenedor en auto , las demás capas me aparecen fuera, no se me ajustan dentro del contenedor.
¿Algun consejo?
Agradezco vuestra atención.
Saludos

Tal como está el código que has puesto, ambos divs "cabecera" y "contenido" quedan dentro del div "contenedor". No entiendo cuál es el problema. Harías bien en mostrar un screenshot de lo que obtienes y hacer una imagen de lo que quieres obtener.

Gracias por responder,
al final lo pude solucionar. He eliminado uno de los div...

Salu2!

No sé si es lo que quieres pero prueba a añadir al CSS del div#contenedor esto:

Código :

overflow:auto;