Firefox溢出:隐藏的bug

Question

所以我将图像滑块添加到我的网页设计中,就像现在一样.它在IE + Chrome中运行良好,但在Firefox中我有一个非常奇怪的问题..图像滑块图像被推向页面的右侧.

它看起来应该是这样的:

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

这是滑块的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>

和滑块周围的容器的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

这是一个浮动问题:

#slider {  float:left }

应该解决它.

Answer 2

添加clear:both到#slider .viewer似乎照顾它.