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

Question

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

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

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

Answer 1

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

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

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