a alineación vertical de la celda de tabla no funciona con la posición absoluta

http: //jsfiddle.net/fQv97

HTML

<div class="table-cell">
    My text, should be align middle
</div>

CSS

.table-cell {
    height: 200px;
    width: 200px;
    vertical-align: middle;
    background: #eee;
    display: table-cell;
    position: absolute;
}

Problem

El texto debe colocarse en el medio de mi "celda de tabla". Todo funciona como se espera hasta que agregue "posición: absoluta". ¿Ahora ya no puede colocar mi contenido en el medio? Por qué no? Todavía conoce mi altura y ancho porque lo configuré en mi CSS.

¿Alguna solución inteligente para esto?