A célula da tabela de alinhamento vertical não funciona com a posição absoluta

Question

Jan 17, 2012, 04:09 PM

A célula da tabela de alinhamento vertical não funciona com a posição absoluta

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

O texto deve ser colocado no meio da minha "célula da tabela". Tudo funciona como esperado até eu adicionar "position: absolute". Agora ele não pode mais colocar meu conteúdo no meio? Por que não? Ele ainda conhece minha altura e largura, porque eu a defino no meu CSS.

Alguma solução inteligente para isso?