Problema con el footer

[xeme]

Hola!

Tengo un problema con la visibilidad del footer. La estructura de mi página es la siguiente:

HTML

Código:

<div id="cuerpo">
<div id="header"></div>
<div id="content">
<div class="interior">
<div class="left"></div>
<div class="right"></div>
</div>
<div id="corte"></div>
<div id="footer"></div>
</div>

CSS

Código:

#cuerpo{
width: 100%;
}
#header{
width: 100%;
height: 101px;
background-image: url(../images/header_bg.png);
background-position: 0 0;
color: #FFF;
}
#content{
width: 100%;
background-image: url(../images/content_bg.png);
background-repeat: repeat-x;
background-position: 0 0;
background-color: #FFF;
position: absolute;
}
#content .left{
width: 62%;
float: left;
padding: 5px;
}
#content .right{
width: 32%;
float: right;
padding: 5px;
}
#corte{
clear: both;
}
#footer{
width: 100%;
height: 66px;
background-image: url(../images/footer_bg.png);
z-index: 1;
bottom: 0;
}

Si a #content le quito position:absolute no se muestra la imagen de fondo pero si se muestra #footer.

¿Qué tengo que poner para que se muestre tanto la imagen de fondo de #content como la de #footer?

Muchas gracias

[jomaruro]

Hola:

En tu HTML tienes un div sin cerrar y puedes suprimir el div corte.

Y en el CSS cambia la position:absolute por overflow:auto.

Saludos.

[xeme]

Gracias!

Ha sido poner overflow:auto y funciona perfectamente.

Todos los días me acuesto aprendiendo algo nuevo con vosotros.

Muchas gracias!!!!!!