Способы вертикального выравнивания по центру в CSS

Нарисовать квадрат 300x300 точек в середине страницы.
div#bloc
{
width: 300px;
height: 300px;
background-color: #0000f0;
position: absolute;
top:50%;
margin-top:-150px;
left:50%;
margin-left:-150px;

}
http://www.css-tricks.ru/Articles/Details/VerticalCenteringCSS