IE6 IE7 CSS Проблема с переполнением: скрыта; - положение: относительное; Combo

Эта проблема возникает при попытке скрыть неактивные слайды в слайдере с помощью свойства CSS overflow: Hidden. Однако в IE 6 и 7 этот подход не работает, и неактивные слайды остаются видимыми. Основная причина заключается в сочетании overflow: скрытого и позиции: относительно содержащего элемента ul.

Известным решением этой проблемы является добавление позиции: относительно элемента контейнера. В данной структуре HTML тег body служит контейнером. Чтобы решить эту проблему, добавьте элемент div непосредственно под телом и присвойте ему позицию: относительная.

  

    ...
  

В предоставленный CSS добавьте следующую строку:

#container {
  position: relative;
}

Эта модификация устранит проблему и позволит использовать overflow: Hidden для скрытия неактивных слайдов в IE 6 и 7, обеспечивая правильную функциональность слайдера.