如何使一个div在另一个div中绝对居中（水平与垂直方向）

<style>
#parent{
position:relative;
width:1000px;
height:800px;
border:1px solid red;
}
#child{
position:absolute;
width:450px;
height:198px;
left:50%;
top:50%;
margin-left:-225px;   /*设置为宽度(width:450px;)的一半*/
margin-top:-99px;    /*设置为高度(height:198px;)的一半*/
background:#000;
}
</style>

<div id="parent">
<div id="child"></div>
</div>