MI CODIGO ES EL SIGUIENTE:
<html>
<body>
<div id="nonFooter">
<div id="content">
<H1>Hola qe tal</H1>
<br><br>
<H1>Hola qe tal</H1>
<div id="ejemplo">
ME POSICIONO AQUI...espero que el pie se ponga debajo de mi
</div> <!-- cierre de ejemplo -->
</div> <!--cierre de content -->
</div><!-- cierre de nonFoter -->
<div id="footer">
<p>soy un pie de pagina</p>
</div> <!-- cierre de footer -->
</body>
</html>
----------------------------CSS------------------------------
html{
height: 100%;
}
body{
height: 100%;
}
#nonFooter{
position: relative;
min-height: 100%;
}
* html #nonFooter{
height: 100%;
}
#content{
padding-bottom: 9em;
}
#footer{
position: relative;
margin-top: -7.5em;
}
#ejemplo{
position:absolute;
top:1500px;
}
¿Veis que <div id="ejemplo"> se posiciona POR DEBAJO del pie de pagina?
Necesito saber como hacer para que el pie de pagina se quede por debajo de TODO el <div id="content"> y por supuesto que se quede ajustado a todo el <div id="content"> (contenido de mi pagina) aunque ese contenido este definido en la hoja de estilo como posiciones absolutas.