html - Firefox 溢出 : hidden bug

Question

所以我在我的网页设计中添加了一个图像 slider ，就像现在一样。它在 IE + Chrome 中运行良好，但在 Firefox 中我遇到了一个非常奇怪的问题。图像 slider 图像被推向页面的右侧。

什么时候应该是这样的:

我真的不知道为什么会这样。

这是 slider 的 css:

    <style type="text/css">
        #slider {
            position: relative;
            width: 918px;
        }
        #slider .viewer {
            position: relative;
            width: 918px;
            height: 200px;
            overflow: hidden !important;
        }
        #slider .viewer .reel {
            display: none;
            height: 200px;
        }
        #slider .viewer .reel .slide {
            width: 918px;
            height: 200px;
        }
    </style>

以及 slider 周围容器的 css:

#photobox {
border-left: 1px solid #ababab;
border-right: 1px solid #ababab;
position: relative;
width: 918px;
height: 200px;
z-index: -1;
top: -6px;
}

这真让我难堪。您还可以查看网站的实时版本 - http://simplesolutions.netne.net/

Answer 1

这是一个 float 问题:

#slider {  float:left }

应该修复它。