溢出隐藏在firefox上不起作用

Question

昨天我检查了一个突出的产品幻灯片，我在一个网页的首页是不是属性垂直对齐只在火狐，它在IE和Chrome工作正常。

我在搜索信息，很多年前我在FF上发现了很多bug。我尝试了一些我找到的解决方案，但没有一个有效。

<div id="feature-wrap-container">
    <div id="feature_wrap">
        <div id="scrollable">
           //a list of element floating left
        </div>
    </div>
</div>

#feature-wrap-container{
 background-color: #ffffff;
 width: 100%;
 height: 260px;
}

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow:hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}

#scrollable {
 height:100%;
}

在chrome和IE上，div位于窗口的中心，而在firefox中，该功能会向右对齐，使窗口大于100%。

幻灯片基于：http://wordpress.org/extend/plugins/featured-posts-slideshow/，但明显修改。

提前谢谢。

Answer 1

与其使用溢出：隐藏，不如使用溢出-x：隐藏，溢出-y：隐藏如下所示：

#feature_wrap {
 width: 960px;
 height: 260px;
 overflow-x :hidden;
 overflow-y: hidden;
 position: relative;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}

Answer 2

看，我在这里创造了一把你的小提琴，它在火狐中对我来说很不错。我已经缩小了#feature_wrap的宽度，并在Firefox中进行了检查，它正在工作。你面临的问题是什么？

在这里获取完整图像。