Аналог центрированной таблицы на div'ах

[ninja_127]

Есть вариант сплэш-страницы со следующим кодом:

<table border="0" width="100%" height="100%">
<tr>
<td align="center"><a href="index.html"><img src="logos/mainlogo.jpg" border="0" alt="sdf"></a></td>
</tr>
</table>

Попробовла заменить на запись следующего вида:

<div style="width: 100%; height: 100%; vertical-align: middle; text-align: center"><img src="logos/mainlogo.jpg" border="0" alt="sdf"></div>

Все бы хорошо, только выравнивания по вертикали нет. Почему?