Вертикальное меню CSS, столкнувшись с переполнением: скрыто?

Question

Имея некоторые проблемы с сайтом, я разрабатываю для друга. Я использовал вертикальное меню только для CSS.

Это прекрасно работает, пока я недавно не добавил высоты, масштабируемые divs, http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm.

Меню все еще работает, но каким-то образом оно расширяется под содержимым div. Я предполагаю, что это имеет какое-то отношение к значению переполнения, но я не смог найти какое-либо решение. Стоит отметить, что меню отлично работает в IE8, но не в Firefox или Safari. Поскольку CSS несколько обширен, я добавляю ссылки, а не пример кода - надеюсь, что все в порядке.

Заранее благодарен! :)

Сайт находится на http://dev.velkos.no/exigo, CSS для сайта и меню можно найти, добавив/CSS (из-за статуса моего новичка здесь, в Stackoverflow, я не могу размещать больше ссылок).

Answer 1

Попытка # 2 :)

Испытано в Firefox, Chrome, IE8.

• Удалить предыдущую попытку. По .container2, удалить: position: relative/z-index: -1.
• На #menuh-container, добавить: position: relative и z-index: 501 (еще одно значение z-index на #menuh ul ul).

Это исправление Firefox/Chrome, но прерывает IE.

Теперь исправить IE ..

Единственный способ, которым я мог бы найти, чтобы сделать это, чтобы удалить filter правило из #menuh-container. Буквально удаление filter исправляет его, добавляя его обратно при разрыве.

Я надеюсь, что ваш сайт по-прежнему выглядит приемлемым для вас в IE8 без правила filter.

---

Похоже, что это в IE7:

Answer 2

Добавление position: relative и z-index: -1 в .container2 фиксирует это в Firefox/Chrome, и это ничего не меняет в IE8.

Не работает должным образом - см. Комментарии.