IE6 IE7 CSS 溢出问题：隐藏； - 位置：相对； Combo

尝试利用 CSS 属性“overflow:hidden”隐藏滑块中的非活动幻灯片时会出现此问题。然而，在 IE 6 和 7 中，这种方法失败了，导致非活动幻灯片可见。根本原因在于包含 ul 元素上的 Overflow:hidden 和position:relative 的组合。

此问题的已知解决方法是添加相对于容器元素的position:relative。在给定的 HTML 结构中，body 标记充当容器。要解决此问题，请在 body 正下方添加一个 div 并指定其位置：relative.

  

    ...
  

在提供的 CSS 中，添加以下行：

#container {
  position: relative;
}

此修改将解决该问题并启用溢出：隐藏的使用以隐藏 IE 6 和 7 中的非活动幻灯片，确保滑块功能正常。