上下左右居中 无固定高的div

<style type=“text/css”>
#vc { display:table; background-color:#C2300B; width:500px; height:200px; overflow:hidden; margin-left:50px; _position:relative; }
#vci { vertical-align:middle; display:table-cell;  _position:absolute; _top:50%; }
#content { margin: 0 auto; width: 580px; _position:relative; _top:-50%;  }
</style>

<div id=“vc”>
　　　　<div id=“vci”>
　　　　　　<div id=“content”>
　　　　　　我们垂直居中了，我们水平居中了
　　　　</div>
　　　　</div>
　　</div>