Firefox中的布局行为

Question

所以我一直在玩网络开发，我注意到在Firefox中，我的元素被推向正确而不是向下，这应该是（它发生在Chrome中）。

我绝不是古鲁。有没有办法优先考虑包装与推动？我尝试插入换行符并将两者都设置为display：block。这似乎不是问题。

这是栏的CSS：

.tiq-editor-bar
{
    z-index:1;
    overflow:hidden;
    float:left;
    width:100%;
    border-top: solid 1px #AAA;
    text-align:center;
    display:none;
    position:relative;
    color:#AAA;
    font-weight:normal;
    font-size:14px;
}

这是图库包装器的CSS（白色外框）

#tiq-ui-gallery-wrapper
{
    min-height: 500px;
    background:url(../img/portfolio/empty.png) center no-repeat;
    overflow:hidden;
}

对于画廊本身：

.tiq-theme-gallery
{
    width:600px;
    height:400px;
    resize:vertical;
    border:solid 1px #eee;
    overflow:auto;
}

谢谢！

编辑：画廊位于相对位置，BTW。我正在使用Galleria并给出容器：

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
    display:block;
}

编辑编辑：

这是一个JSFiddle：

http://jsfiddle.net/RyBz9/2/

Answer 1

更改

.tiq-editor-bar
{
    float:left;
}

到

.tiq-editor-bar
{
    float:none;
}