Centar div verticalmente en otro DIV (IE)

[reyesoft]

Preciso alinear verticalmente un div que se encuentra dentro de otro div que su altura de la cantidad de texto que posea.

En Firefox funciona a la perfección, pero en IE no (que raro! )

CSS

Código:

#padre {
    position:relative;
}
#hijo {
    position:absolute;
    top:50%;
    height:10px;
    margin-top:-5px;
}

HTML

Código HTML:

<p>Párrafo fuera del padre 1</p>
<p>Párrafo fuera del padre 2</p>
<div id="padre">
    <div id="hijo">cargando...</div>
    <p>Párrafo 1</p>
    <p>Párrafo 2</p>
    <p>(pueden haber muchos más párrafos)  </p>
</div> 

El problema es que IE toma top:50%; como el 50% del body y no de #padre; haciendo que el div #hijo se muestre mucho más abajo.

Desde ya muy agradecido por su constante ayuda.