body, html {100%} NO FUNCIONA

[kseso?]

la estructura más sencilla que conozco para un "pie abajo"

Código CSS:

* {margin:0; padding:0; position: relative;}
html, body { height: 100%;}
#contenedor {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -1em;
}
 
.empuje {height:1em;}
 
#pie {
min-height: 1em;
height: auto !important;
height: 1em;
}
 

Código HTML:

<div id="contenedor">
     <p>Todo el contenido menos el pie</p>
    <div class="empuje"></div>
</div>
 
</div> <div id="footer">
    <p>Contenido del pie</p>
</div>
 

Nada de posiciones absolutas y si hay elementos flotados en "contenedor" o "pie" no olvidarse de limpiar los floats.