Vertical align av element på sida

Här har jag en div-box (wrapper) som jag m h a CSS placerar i centrum på skärmen. Observera att värdena på margin är hälften av höjden och bredden.

div#wrapper {
width: 500px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -100px;
}