IE6 IE7 CSS オーバーフローの問題: 非表示。 - 位置: 相対的。 Combo

この問題は、CSS プロパティのオーバーフロー: hidden を利用して、スライダー内の非アクティブなスライドを非表示にしようとすると発生します。ただし、IE 6 および 7 では、このアプローチは失敗し、非アクティブなスライドが表示されたままになります。根本的な原因は、含まれる ul 要素の overflow: hidden とposition:relativeの組み合わせにあります。

この問題の既知の回避策は、コンテナ要素に対してposition:relativeを追加することです。指定された HTML 構造では、body タグがコンテナとして機能します。この問題を解決するには、本文の直下に div を追加し、それに位置を割り当てます:relative.

  

    ...
  

提供された CSS に次の行を追加します。

#container {
  position: relative;
}

この変更により問題が解決され、IE 6 および 7 で非アクティブなスライドを非表示にする overflow: hidden の使用が可能になり、適切なスライダー機能が確保されます。