Я пытаюсь реализовать горизонтальное многоуровневое выпадающее меню навигации. Сразу под (по вертикали) меню у меня есть встроенное видео YouTube с помощью iframe. Если я наведу курсор мыши на один из элементов навигации основного уровня в Firefox, правильно отобразится выпадающее менюна вершине видео.

В Chrome и IE9, однако, только небольшая часть раскрывающегося списка видна в небольшой области пространства между меню и iframe. Остальное похоже напозади фрейм

Проблема, похоже, связана с видео на YouTube,не фрейм Для тестирования я нацелил iframe на другой веб-сайт, а не на видео, и выпадающее меню работало нормально, даже в IE.

Вопрос 1: WTF?Вопрос 2: почему, даже если я поставлюz-index:-999 !important; на iframe эта проблема все еще возникает?

Есть ли какой-то внутренний CSS, который включает в себя код для вставки YouTube, который каким-то образом переопределяет вещи?