Проблема в IE7, вероятно, ошибка z-index

Question

Я добавил выпадающее меню по ссылке Рецепты в главной навигации.

Тестовый URL: http://jaspreetkaur.com/makebathsalts/

Работает нормально во всех браузерах, кроме IE7 (не тестируется в IE6)

Меню находится за баннерной областью в IE7, я думаю, это связано с ошибкой z-index в IE7.Я нашел некоторые детали на следующей странице, но не смог это исправить. Проблемы с наслоением IE7 Z-Index

Answer 1

Вам нужно это:

#navigation{position:relative;z-index:10;}

Answer 2

Исправление простое, вам нужно указать z-index для прямого родителя меню ul, в вашем случае li с классом active, например:

 li.active {
     position:relative;
     z-index:10;
 }