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;}