溢出隐藏在Firefox上不起作用

Question

昨天我检查一个突出显示我在一个网页的主页上的产品幻灯片不是仅在Firefox上的属性垂直对齐，它在IE和Chrome上工作正常。

我正在搜索信息，我发现很多年前很多关于FF的错误。我尝试了一些我发现的解决方案，但没有人工作。

<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中，feature_wrap对齐，使窗口大于100％。

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

提前致谢。

Answer 1

看到我创建了你的小提琴here，它在firefox中对我来说很好看。我减少了#feature_wrap的宽度并在firefox中检查，它正在工作。你面临的问题是什么？

获取完整图片here。

Answer 2

不使用overflow: hidden，最好使用overflow-x: hidden, overflow-y: hidden，如下所示：

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