Вторая панель навигации не работает при прокрутке в Internet Explorer

Question

У нас есть две панели навигации на одной странице, и они оба полностью работают в Safari, Chrome и Firefox. С IE они работают только часть времени. Когда страница загружается, они оба работают, но как только пользователь начинает прокручивать второй, он перестает работать до тех пор, пока он не будет прикреплен к вершине и не заменит первый, а затем снова заработает. Смотрите страницу здесь:

http://www.sosc.org/new/orangecounty

Я думаю, что что-то делать с Bootstrap наклеить? Как я уже сказал, функция страницы отлично работает в Safari, Chrome и Firefox. Есть идеи?

Answer 1

Элемент .mainDiv имеет высоту 602px и перекрывает вторую навигацию. Вы не можете щелкнуть по номеру.mainDiv, поэтому вы не можете нажать навигацию под ним. Высота этого элемента неоправданно велика; если вы установите его на 480 пикселей, вы решите проблему.

Вы также можете увидеть эту проблему в Chrome - переместите курсор мыши над вторым меню. Верхние 25% меню не будут распознавать вашу мышь как зависающую. Нижняя 3/4 или около того будет.

Ниже Chrome 43 демонстрирует тот же вопрос: