A ver si alguien sabe porque me pasa esto...
Tengo (de forma abreviada) esto:
Código HTML:
<div id="contenedor">Aqui va el contenido
<div id="pie">Créditos, etc.</div>
</div>
y mi estilo.css:
Código HTML:
#contenedor{
background:#FFF;
min-height: 100%;
position:absolute;
width:100%;}
* html #contenedor{height: 100%}
#pie{
background:#000;
width:100%;
clear:both;
height:20px;
position:absolute;
bottom:0px;}
y sucede (por lo menos con Firefox a 800x600) lo que pueden ver por ejemplo aquí:
www.antiguoegipto.org/index.php
Por las dudas que no lo vieran, saqué esta screenshot:
osea que el div pie no se posiciona en bottom:0, sino en donde la da la gana, tapándome parte del contenido. Pero lo curioso es que si refresco la pagina (osea la levanto desde el cache) si me lo ubica correctamente. IE lo pone bien de primera... ¿qué es lo que esta pasando?
Si alguien me puede ayudar, muchas gracias.