Problemas con mas de una capa "float"

[jotaperez]

Hola, tengo un problema que no se resover debido a mi poca experiencia con css.
Tengo una capa contenedora con dos capas float left dentro.
El tema es que quiero que estas dos capas me queden una debajo de la otra, pero por mas que trato me queda una al lado de la otra.

El html que tengo es:

<div id="contenedora">
<div id="left1">lo que va acá adentro</div>
<div id="left2">lo que va acá adentro</div>
</div>

y el css es:

#contenedora {
position:inherit;
width:990px;
height:800px;
z-index:1;
margin: auto;
background-image: url(imagenes/imagen.jpg);
}
#left1 {
width:250px;
height:20px;
z-index:1;
float: left;
margin-left: 40px;
margin-top: 20px;
}
#left2 {
width:250px;
height:115px;
z-index:1;
float: left;
margin-left: 40px;
margin-top: 20px;
}

Osea, estoy poniendo tanto la capa left1 como la capa left2 que floten tomando como referencia a la capa "contenedora"; sin embargo la left2 se me ubica referenciandose de la left1 a su derecha y lo que quiero es que quede debajo de la left1.
¿Cómo tengo que hacer?, ¿hay otro parámetro para colocar?
Muchas gracias desde ya.

[David]

Pero si la idea es que ambos elementos queden uno debajo del otro, ¿por qué necesitas "flotarlos"?

[Impostor]

Si quieres que te quede una debajo de otra ¿para que las flotas?. Si es imprescindible que floten, crea un nueva capa que flote a la izquierda y dentro las dos capas que ya tienes.

Saludos¡¡

Edito: David, sal de mi mente¡¡

[jotaperez]

Gracias por sus prontas respuestas. Las puse como float por que creí que ese es el atributo que tendría que tener para quedar ubicadas dentro de otra capa contenedora.
Segun sus explicaciones le tengo que borrar el atributo float. ¿como las defino entonces en su posicion?
Muchas gracias.

[Impostor]

No hace faltas que definas su posición, se ajustaran a la capa contenedora.

[jotaperez]

Ok, gracias, lo probe y anduvo bárbaro. Te hago una última pregunta, ¿entonces cuando es aconsejable usar el atributo float?
Muchas gracias por tus explicaciones.

[David]

Es que por defecto los elementos en bloque (como <div>) no permiten que otro elemento en bloque esté al lado. Pero cuando lo "flotas", cede el espacio al costado de modo que pueda ser ocupado por el elemento siguiente en el flujo.

[jomaruro]

Hola:

Iniciado por jotaperez

Ok, gracias, lo probe y anduvo bárbaro. Te hago una última pregunta, ¿entonces cuando es aconsejable usar el atributo float?
Muchas gracias por tus explicaciones.

Visto lo visto, mejor date una vuelta por los siguientes sitios:

1º Introducción a CSS.
2º Migracion sin dolor (Parte I).
3º Migración sin dolor (Parte II).

Saludos.

[bkolores]

me quede con las ganas de aportar...
tambien era mas simple... a left 2 sacale el float... y solo dejaselo al left 1
porque? (me encanta responder los porque xD
bien cuando haces flotar un elemento lo que haces es que este quede por sobre los demas (ESTA FLOTANDO COMO UN GLOBO AEROESTATICO.)
entonces no ocupa el espacio (a no ser que otro este flotando al lado.
bien entonces como left1 no ocupa "ese espacio" left 2 se pone alli...

ahora no entiendo para que quieres eso...