IE7 CSS - нижний колонтитул перемещается при наведении определенных ссылок

Question

Когда вы наводите курсор мыши на верхние навигационные ссылки (contact/donate/media) в IE7, div нижнего колонтитула поднимается до уровня боковой панели.

Я пытался: - Отключение всех сценариев - Положить четкие div в нижнем колонтитуле - Установка высоты / минимальной высоты для боковой панели. - Удаление виджетов Twitter/ Facebook - Удаление всех стилей CSS для верхней панели навигации

Та же проблема. Есть идеи?

Answer 1

Решением было переместить div "навигация" внутри div "header".

Не знаю почему, просто продолжал выносить деления в процессе исключения.

Answer 2

У меня была проблема, подобная этой, несколько лет назад. Что вызвало это для меня:

1. зависание над ссылкой в ​​меню
2. пункт меню слегка меняет размер, добавляя границу в 1 пиксель, подчеркивание, курсив и т. д.
3. новый размер элемента привел к тому, что внешний контейнер стал на несколько пикселей шире, чем заявленная ширина
4. нижний колонтитул / другой контент всплывает, потому что есть несколько дополнительных пикселей ИЛИ
5. что-то на той же высоте меню сбрасывается ниже контейнера-объекта и бросает гаечный ключ в остальной поток

Надеюсь, мой опыт поможет!

редактировать

Да, я исправил это.. Это был беспорядок, но в основном включал прохождение каждого :hover селектор и следит за тем, чтобы абсолютно ничего не изменилось - кроме задействованных цветов. Я также помню, что мне нужно было повторно заявить и width: nnpx; height: nnpx; в :hover селектор.

Мужчина! Люблю программирование для старых браузеров!