CSS bug - 没有踪影

Question

我们正在做网上商店，并创建了一个错误：

http://konzolbazis.hu

当您点击背景并点击右侧光标键时，整个中间内容将会滑动...

尝试找到问题的原因，但没有找到痕迹，浮动和定位以某种方式混乱。

（我知道，css是凌乱的，客户的百万需求不断变化......还是要清理代码。）

请帮忙。

编辑：使用firefox 11。

Answer 1

您是否注意到屏幕底部的滚动条？问题是，您在顶部菜单（ul.sf-menu）内手动设置宽度。 <li>标记内的<ul>标记为width: 965px。删除它们，一切都会好的。

Answer 2

您必须了解width:auto设置元素宽度以获取Parent的完整宽度，并明确指定它会产生问题。如果要设置宽度，使得元素仅获取自身所需的空间而不是父级可用空间，则可以考虑以width:78.33%之类的百分比指定它。这可以确保元素占用父元素宽度的78.33%。 手动设置容器宽度，需要更正。您需要将其设置为

#container { width:auto; }

Answer 3

GOT IT：

是：

 .sf-navbar {
    height: 79px;
    position: relative;
  }

应该是：

.sf-navbar {
    display: block;
    height: 111px;
    overflow-x: hidden;
    position: relative;
    width: 980px;
}