Индекс z -не очень хорошо работает в iPad

Я создаю сайт для друга(http://pasionesargentas.com/sm/)с полноэкранной галереей с перелистыванием миниатюр(http://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip/). Мне не очень понравилась идея флипа, поэтому я просто предпочел отключить его и вместо этого добавить меню. Меню div css выглядит примерно так

#top {
position:fixed;
background: transparent;
display: block;
z-index: 99999;
}

Он отлично работает в Chrome, Safari, Explorer и Opera. Но по какой-то причине она не видит меню на своем iPad. Поскольку у меня нет iPad, я скачал Ripple Mission Control, и он тоже отлично работает, так что я понятия не имею, что происходит.

Теперь вопрос :Должен ли я делать разные css для браузеров планшетов (iPad )? Или это галерея портит меню и закрывает его?