div que se "sobrepone" a otro div

[FuLaNo_]

Hola gente:
Tengo un problemon que me tiene arto y no puedo solucionar.

Tengo 4 capas que trabajan de esta forma:

A- capa que funciona como contenedor de "B" y "C"
B- capa donde se muestra el contenido
C- capa donde se muestran los enlaces, situada a la derecha (float:right)
D- capa que funciona como pie de pagina (esta debajo de "A").

El problema es que la capa "flotante" C, cuando tiene mucho contenido se sobrepone a la "D"...
Aca dejo una imagen con el problema y el CSS que estoy utilizando:


*fijense a la derecha que la "publicidad" se mescla con el texto de la barra horizontal naranja (pie de pagina).

Código:

/* capa contenedora (A) */
#tbl_middle { width:100%; margin: 10 10 10 0; }

/* capa de contenido (B) */
#tbl_content { padding: 0 0 0 10; }

/* capa de links flotante (C) */
#tbl_publi { width:200px; float:right; height:300; border-left:1px dotted #F56E00; padding:0 10 0 10; }

/* capa pie de pagina (D) */
#tbl_bottom { 
  width:100%; height:29; 
  background-image: url('../img/bottom_repeat.png'); background-repeat: repeat-x;
  color:#FFFFFF; padding: 6 0 0 0; clear: both;
}

Bueno, espero que puedan darme una mano...

[FuLaNo_]

Me olvide decir que el problema se ve solo en navegadores != a Internet Explorer... (en la image se esta viendo Firefox)

[Seixas]

Tengo el mismo problema, y estoy buscando alguna forma para solucionarlo.

Se me ha ocurrido crear una función con javascript que mire la altura de las capas, y que asigna la altura mayor a la capa contenedora (En el ejemplo dado la capa A). Lo que pasa que creo que esta solución es demasiado "complicada", y me imagino que tiene que haber una solución más fácil.

Supongo que el problema se debe a que al ser la capa flotante la capa contenedora no la entiende como contenido de la misma. Usar capas flotantes es algo muy normal, así que supongo que tiene que haber una solución más sencilla que el javascript. ¿Alguien la sabe?

¡Gracias!

[webosiris]

porbá con clear:both... agregá esto:

<br style="clear:both"/>

justo antes de la etiqueta de cierre de la capa contenedora..

[Seixas]

Correcto webosiris funciona. ¡Muchas gracias!

También he encontrado otra solución que parece que funciona de la misma manera: poniendo overflow: hidden; en la capa contenedora.