div+css设置div模块页面居中，兼容ie6+、ff3.0+、chrome

想得到如下的页面效果，例如用于遮罩层的位置控制：

页面代码：

<div class="divOuter">
    <div class="divInner">
        divInner为上图页面内居中显示的块
    </div>
</div>

尝试了多次，最后采用如下方案(不兼容ie5.5)：

.divOuter  
{
    position:relative;
    margin:0 auto;  /* ie5.5 不支持 */    
    margin-top:25%; /* 设为25%时，距离上边距为页面高度的一半，不太理解，chrom、ff、ie6均如此 */
    width:300px; 
    height:200px;
}

.divInner  
{ 
    position:absolute; top:-50%;
    width:300px;
    height:200px; 
    background:#dedede;
}