css垂直居中

怎样使一个层垂直居中于浏览器中？

div{

position: absolute;

top:50%;

left:50%;

margin: -250px 0   0   -250px;(外补丁负值，负值大小为自身高宽度除以二)

width:500px;

height:500px;

border:1px solid red;

}