Div se superpone al footer (en Chrome)

[principianteZF]

Hola amigos, paso a comentarles mi problema, estoy haciendo un sitio en el cual consta de una plantilla de tres columnas, una cabecera y el footer.

Mi problema es en una de las paginas en la que la columna central recibe gran cantidad de texto y fotos, cuando se empiezan a cargar las fotos parece que el footer ya no va mas para abajo y la columna central empieza a superponerse al div footer.
Hice precarga de imágenes pero la situación es la misma, el div footer baja hasta que se carga el texto, despues se queda y el contenedor empieza a superponerse.


Aca les dejo el css de los divs involucrados:

Código CSS:

#contenedor_central{
margin:0 auto;
width:500px;
padding:24px;
background-color:#fdfdfd;
border:#990000 1px solid;
text-align:left;
min-height:150px;
}
 
 
#footer{
   width:950px;
   background-image:url('../imagenes/fondopie.jpg');
   text-align:right;
   height:50px;
   float:none;
   clear: both;
}
 

Gracias y saludos.

[PrendekZ]

#footer{
width:950px;
background-image:url('../imagenes/fondopie.jpg');
text-align:right;
height:50px;
clear: both;
}

No necesitas float:none. De hecho nunca lo eh utilizado y pués con solo hacer el clear:both, ya estas eliminando la flotación de "Footer".

Saludos

[principianteZF]

Le he quitado el float, pero el problema subsiste.
Lo raro es que es solo en Chrome, en el explorer y firefox funciona perfectamente.

[emal011]

position: absolute;
bottom: 0px;

agregale esto a tu footer...