Bueno ya solucioné este problemilla. No se exactamente cómo, de tantas pruebas. Pero creo que funcionó al aplicar un overflow y luego quitarlo. ¡No lo entiendo!.
Pero he aqui que aparece otro problema. El contenedor no llega al final de la columna más larga. Este problema me surgió antes y lo solucione con un:
.limpia{ clear:both}
pero ahora eso no me funciona o lo aplico mal.
Si podeis ayudarme este es ell código:
Código:
.limpia{
clear: both;
}
body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}
#container{
width: 762px;
background-image: url(../imagenes/header_background.jpg);
border: 1px solid #007a63;
background-repeat: repeat-x;
margin: 0px auto;
position: relative;
height: auto;
}
#izq{
background-image: url(../imagenes/back_menu.jpg);
background-repeat: repeat-y;
width: 170px;
border: 1px solid #007a63;
position: absolute;
top: 5px;
left: 10px;
}
#menu{
}
#contenido{
border: 1px solid #007a63;
position: absolute;
top: 25px;
background-image: url(../imagenes/back_contenido.jpg);
background-repeat: repeat-y;
width: 565px;
right: 5px;
background-color: #FFF;
}
#interior_contenido{
width: 565px;
}