CSS bloques: voy a hacerlo bien de una vez por todas!

[GameRoot]

Hola a todos,

Hace tiempo que arrastro el mismo problema y creo que es hora de solucionarlo.

En una web tengo un bloque de contenido (contenedor1) y un pie de página que debe mostrarse cuando acaba el anterior (contenedor2).

Dentro del bloque de contenido hay un menú (A) y un bloque de información (B).

Lo que yo pretendo es que el pie de página empieze cuando acaba el menu o el bloque de información, el que sea más alto. No lo consigo...

Este es el código resumido:

Código:

.contenedor1
{
float: left;
 width: 800px;
}

.a
{
whidth: 200px;
float: left;
}

.b
{
width: 500px;
float: left
}

.contenedor2
{
width: 800px;
float:left;
}

Adjunto una imagen con el esquema.


El problema es que el pie de página siempre acaba sobreponiendose a alguno de los bloques, mostrándose antes de que terminen los dos.

Gracias de antemano.

[Raulmmmm]

¿Y el HTML? Prueba, de todas formas, a poner esto debajo del código de los dos bloques:
<div style="clear: both;"></div>