Firefox的問題與混合流體佈局

Question

我對這個佈局工作（垂直居中，流體中間分度，固定的高度） http://jsfiddle.net/chchrist/uyzJj/13/

我的問題是，在Firefox中的＃BLUEBOX的位置不相對於DIV #wrapper指定。我怎樣才能解決這個問題？

在此先感謝。

Answer 1

選項1

在#wrapper改變display: table-cell到float: left將解決你的問題。 活生生的例子：http://jsfiddle.net/uyzJj/18/

#wrapper { 
    border: 1px solid #000000; 
    float: left; 
    position: relative; 
    vertical-align: middle; 
    width: 100%; 
} 

選項2

在#superWrapper改變display: table到display: block將解決你的親戚問題。