Намедни во френдфидике, в группе «Учимся верстать» материализовался вопрос, как вертикально выровнять блок произвольной высоты по центру окна браузера без использования таблицы в разметке. Решение не ново; возможно, вам пригодится.
HTML:
<div id="wrapper">
<div id="middle">
<p>Lorem ipsum...</p>
</div>
</div>
CSS:
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {display: table;}
#wrapper {display: table-cell; vertical-align: middle;}
#middle {color: white; background: gray;}
Посмотрите, все просто. Во всех современных браузерах конструкция работоспособна; IE 6,7 к названным не относятся.
> IE 6,7 к названным не относятся.
Чего и следовало ожидать