Ну, вот твоя проблема!
<div id="slideshow">
<ul>
<li><img src="/images/header01.jpg" alt="Habitats Peru - Cusco, Peru" title="Habitats Peru - Cusco, Peru" /></li>
<li><img src="/images/header02.jpg" alt="Habitats Peru - Cusco, Peru" title="Habitats Peru - Cusco, Peru" /></li>
<li><img src="/images/header03.jpg" alt="Habitats Peru - Cusco, Peru" title="Habitats Peru - Cusco, Peru" /></li>
<li><img src="/images/header04.jpg" alt="Habitats Peru - Cusco, Peru" title="Habitats Peru - Cusco, Peru" /></li>
<li><img src="/images/header05.jpg" alt="Habitats Peru - Cusco, Peru" title="Habitats Peru - Cusco, Peru" /></li>
</ul>
</div>
IE Интерпретатор Javascript очень привередлив, и когда вы манипулируете объектом, как сейчас, он обычно вылетает. Это будет один из тех времен. Я думаю, проблема в том, что вы меняете объект, поэтому он считает, что он имеет приоритет.
Лично я бы просто изменил ваш код следующим образом (псевдокод) для архитектуры.
<div>
<ul>
<li><a><img /></a></li>
<li><a><img /></a></li>
</ul>
</div>
Все, что вам нужно сделать - просто установить имя класса / идентификатора для каждого из изображений, чтобы их можно было легко заменить в Javascript (это было бы моим идеальным решением)
Надеюсь, это поможет,
[править]
После более внимательного изучения вашего сайта я обнаружил несколько проблем:
CSS:
Line 336: margin: 0px 0px 18px;;
Это не влияет, но кое-что нужно исправить.
Теперь, некоторые проблемы CSS в IE заключаются в том, что он по какой-то причине не позволяет использовать ссылку на класс .active по какой-то причине.
Если вы хотите увидеть, что я описываю, просто возьмите float: left; от #image_bar .links LI
И вы увидите, что все ссылки выровнены по центру, и они идут по отдельным линиям. Так что это указывает на проблему позиционирования в IE.
Теперь, чтобы выяснить, как это исправить.
Теперь это исправлено простым добавлением ширины в контейнер #image_bar UL.links
Ширина должна быть 962, как ваша максимальная ширина.
Это тогда заставит их ссылки выстраиваться правильно, а не в отдельных строках.
Теперь существует проблема с тем, чтобы они появлялись поверх изображения в IE. Я превратил все ссылки в черный, чтобы я мог их видеть, и это заставило их подняться наверх и быть в состоянии щелкнуть мышью. В настоящее время я не уверен, почему они не будут показываться без этого. Но я надеюсь, что это даст вам хорошее начало, и я буду продолжать с этим возиться.
[edit] Добавить "zoom: normal;" на "#image_bar .links A", и это полностью исправит это.
[edit] Только что протестировал его, чтобы убедиться, что условный CSS не нужен, он все равно корректно отображается во всех браузерах с этими исправлениями.
[править] Хорошо, поэтому я попробовал описанные выше исправления еще раз, и по какой-то причине они не прошли сейчас. Поэтому я пошел и попробовал другую идею, которая у меня была. Вот и мы.
#image_bar UL.links [Add] width: 962px;
#image_bar .links A [Add]
background-color: #E8E6D7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);
Я не уверен, почему в IE необходимо иметь цвет фона, но по какой-то причине он, в отличие от z-index, переносит ссылки на передний план, тогда, поскольку на них в настоящее время есть картинки, я меняю фон - цвет вашей страницы, чтобы он гармонировал. Затем я следую за этим с вашей непрозрачностью до того, как вы сможете увидеть другие изображения.
Я надеюсь, что это сработает для вас, я пробовал это 2 раза, включая перезапуск визуального редактора CSS, чтобы убедиться, что он работает и что он не просто обманывает меня, как в другой раз.
Извините за более длинный ответ, все это было частью мыслительного процесса.
Наслаждайтесь!