Body incompleto por abajo en IE

Hola, durante mis pruebas de código detecto una cosa irritante :shock: Si uso un div contenedor, en Firefox se aprecia claramente el final inferior del mismo, viéndose bajo él una estrecha franja del body (ambos de distinto color para resaltar la diferencia). Sin embargo, en IE no llega a verse dicho final inferior del div contenedor, lo que resulta antiestético.

He utilizado varios códigos diferentes, el último era éste:

body {
background-color: red;
}

#contenido {
position: relative;
top: 20px;
left: 50px;
width: 730px;
background-color: blue;
margin: 22px 22px 22px 30px;
padding: 30px 30px 30px 35px;
}

¿Alguien sabe cómo corregir ese fallo del IE?


Saludos al foro :wink:

¿puedes ponernos la url pa verlo?
Saludos :wink:

Es una prueba hecha en mi equipo (¿en local, se dice?), por eso no he puesto url. Como ves, he omitido el Doctype y otros detalles para agilizar el post, y porque además el resto de las variables (tipo de fuente, párrafo, etc) no inciden sobre el problema en cuestión; de hecho he realizado las pruebas con el div tanto lleno como vacío de contenido, y la pejiguera se mantiene invariable en el IE.

Gracias por el interés :)

Me he dado cuenta que usas posiciones relativas. No te las aconsejo, suelen dar muchos problemas :wink:

De acuerdo, probaré con posiciones absolutas y te comentaré qué tal me fue.

Un saludo. :)