У меня есть пара выпадающих меню, которые вызывают проблемы в IE7. Я потратил впустую все утро, пытаясь это исправить. Клиент следит за сайтом с помощью IE7, поэтому это главный приоритет.
У меня есть live demo и jsfiddle demo. Вот фактический сайт. Я работаю и сегодня, просто для справки, но у демо есть проблемы. Я оставил некоторые css сброса и такие на случай, если что-то из этого связано.
Есть 2 проблемы:
- Самое важное : в верхнем меню и содержимом заголовка IE7 есть проблемы с z-index. Заголовки находятся над выпадающим списком.
- Менее важно : в верхнем меню имеется небольшая пропасть между первой ссылкой и раскрывающимся списком, что иногда приводит к исчезновению раскрывающегося списка при перемещении мыши к нему из верхней ссылки. Это происходит по крайней мере в Firefox 4 и IE 7. Эта проблема не возникает в нижнем меню.
Я удалил javascript, попытался удалить все css-исправления, уменьшил css и html, переключился со строгого html5 на xhtml1, поиграл со свойствами position и z-index и прочитал несколько статей здесь и в других местах об ошибках z-index в IE, но я все еще не могу заставить это сдвинуться с места.
Меня не волнует поддержка IE6 или, если мне нужно использовать javascript, мне просто нужно, чтобы он работал в IE7 для клиента. Любая помощь с благодарностью.