У меня есть простое (абсолютно позиционированное) слайд-шоу изображений, которое состоит из нескольких изображений, которые вращаются каждые несколько секунд.

Чтобы в разных областях изменяемого изображения можно было кликать, у меня также есть неупорядоченный список, содержащий разные ссылки, относительно расположенные для использования z-index.

Это прекрасно работает в Firefox (3.6), Safari (windows) и Chrome (windows). Тем не менее, ссылки, кажется, исчезают за изображениями в IE8 и IE7 (у меня нетЯ даже не пытался сделать это в IE6 ...).

Как я могу вывести неупорядоченный список на передний план в IE? (см код ниже)

Редактировать: Ссылка на рабочую страницу

Изменить 2: Что я нашел с помощью инструментов разработчика IE8, так это то, что ссылки работают и находятся на вершине слайд-шоу, когда я удаляю:

.links a { display: block; }

Результат удалениядисплей: блок в том, что у меня есть 5 крошечных областей с возможностью щелчка, накладывающих изображение в верхнем левом углу. Как только я добавлю его снова, на изображении больше не будет области, где можно щелкнуть мышью, хотя инструменты разработчика показывают квадраты, где ссылки должны быть в правильных местах.

Код (У меня нетt включил JavaScript, так как он только оживляет непрозрачность и добавляет / удаляет перечисленные ниже классы):

HTML

  
    <img src="/images/header01.jpg" alt="some_image">
    <img src="/images/header02.jpg" alt="some_image">
    <img src="/images/header03.jpg" alt="some_image">
  


  <a href="link1.html"> </a>
  <a href="link2.html"> </a>
  <a href="link3.html"> </a>
  <a href="link4.html"> </a>
  <a href="link5.html"> </a>

CSS

ul.links {
  z-index: 9999;
  position: relative;
}
.links li {
  float: left;
}
.links a {
  display: block;
  width: 192px;
  height: 210px;
}
#slideshow {
  position: absolute;
  left: 0;
  top: 0;
}
#slideshow li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
  border: none;
  /* ie bugs */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#slideshow li.active {
  z-index: 10;
  opacity: 1.0;
}
#slideshow li.last-active {
  z-index: 9;
}