上下左右居中 无固定高的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>