Anidar Divs dentro de Divs

[Wazz]

Hola a todos.

En primer lugar, disculpad lo tonta que es mi pregunta. He Empezado esta semana a estudiar HTML5 y CSS3 y estoy bastante verde. Me he leído algunos artículos pero creo que lo mejor es empezar a probar cuanto antes. Tras un rato enfrentándome a este problema, lo escribo (no lo he visto en las FAQs, o tal vez estaba expresado en unos términos diferentes a los que conozco...). Allá va.

Lo único que quiero saber es cómo meter divs dentro de divs para crear columnas, tal y como se ve en la imagen de ejemplo: http://imgur.com/KaRuAiQ

Por alguna razón dentro del div padre solo aparece uno de los dos divs hijos (el más grande) y además el div padre no tiene la altura que debería coger al tener dentro otras cajas. Os dejo el código.

Código:

<div id="todo">
    	<div class="caja1"></div>
        <div class="caja2"></div>
</div>

Código:

#todo {
	width:600 px;
        background-color:#blue;
	padding: 10px;
	display:block;
	}
	
.caja1 {
	width:100 px;
	background-color:red;
	float:left;
	height: 100px;
	}

.caja2 {
	width:400px;
	background-color: green;
	float:left;
	height: 100px;
	}

He probado a poner diferentes displays a #todo y a los divs de cajas pero la cosa no mejora. ¿Qué estoy pasando por alto?

Gracias