Html/css nav bar отображается поверх полноэкранного видеоjs в браузере

Question

Я искал везде, но, похоже, не могу найти ответ на этот вопрос. При воспроизведении видео в полноэкранном режиме html-навигация сидит над видео в IE, Chrome и Firefox, но не в Safari от Mac и ПК. Сайт http://www.david-bartlett.com Пожалуйста, посмотрите страницу showreel или выдержки.

Я относительный новичок, я боюсь, это вещь css или проблема с видео? Любые идеи о том, как исправить это, будут с благодарностью получены.

Cheers.

Answer 1

Проблема заключается в z-index недвижимости в DB.css линии 80:

#nav li { 
    margin:0; 
    padding:0; 
    position:relative; 
    float: left; 
    list-style:none; 
    line-height: 30px; 
    z-index:3000; /* this line causes the bug */   
} 

Я не уверен, что в других браузерах, но в Firefox, это нормально, чтобы просто удалить эту строку.