Ячейка таблицы с вертикальным выравниванием не работает с абсолютным положением

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;
}

проблема

Текст должен быть помещен в середине моей "ячейки таблицы". Все работает как положено, пока я не добавлю «position: absolute». Теперь он больше не может поместить мой контент в середину? Почему нет? Он по-прежнему знает мою высоту и ширину, потому что я установил его в своем CSS.

Любой умный обходной путь для этого?