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将解决你的亲戚问题。