css mainDiv和popbox居中

博客园限制写position为absolute的样式吗？看不到效果，先上代码吧

<style>
    .beCenter {
        width:460px;
        height:212px;
        background:#ccc;
        margin:0px auto;
    }
    .beAllCenter{
        width:460px;
        height:212px;
        background:#f00;
        margin-left:-230px;
        margin-top:-106px;
        position:absolute;
        top:50%;
        left:50%;
    }
</style>
<div style="width:800px; height:600px; text-align:center; background-color:#f8f8f8; position:relative">
    <div class="beCenter"></div>
    <div class="beAllCenter"></div>
</div>

如果上层div中不设position，beAllCenter会在整个页面居中，相对位置是相对于上一个定位了的元素，如果没找到，会一直找到body