Сделать div центром области просмотра - Горизонтально и вертикально [ дубликат]

#wrapper
{
 width:500px;
 height:500px;
 margin:0 auto;
 background:#f7f7f7;
}

Используя приведенный выше CSS, я могу сделать div в (вверху по центру) экрана, но как сделать его в центре (по вертикали). когда я уменьшаю масштаб в Firefox, мой div будет уменьшаться в верхнем центре, но я хочу, чтобы он всегда присутствовал в центре экрана как по вертикали, так и по горизонтали.

Может ли кто-нибудь предложить мне, как я могу получить такой макет.

Заранее спасибо.