Проблема в Safari (mac os)

[Нарек]

Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. 

Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши.

Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. 

 

Меню клонирую кодом 

$(document).ready(function () {    $(".heading-wrapper").before($(".heading-wrapper").clone(true, true).addClass("animateIt"));    $(window).on("scroll", function () {        $("body").toggleClass("slide-header", ($(window).scrollTop() > 350));    });});

Заменил  $(document).ready(function ()  на window .load все та же фигня..

 

Слайдер подключается так :

 

После подключения jquery и самого скрипта слайдера идет код

<script>	$("#content-1").mCustomScrollbar({          axis:"x",          setLeft:"20px",          autoHideScrollbar: true,          advanced:{            autoExpandHorizontalScroll:true          },                             callbacks:{                  whileScrolling: function(){                      if(!$('.pathScrolled').length){$('.mCSB_scrollTools .mCSB_draggerRail').prepend('<div class="pathScrolled">');                                                         }                          $('.pathScrolled').css({width: this.mcs.draggerLeft});                        }                     }});</script>

И вот еще странность, если удалить callbacks то во всех браузерах ничего не изменится (глобального) а просто перестанет работать след от прокрутки, а в Safari из за этого в клонированном хедере перестаeт работать кнопка поиска, но кнопка корзины все равно продолжает работать.

Если вообще удалить слайдер, то опять же, во всех остальных браузерах ничего не меняется, а в Safari клонированный хедер вообще перестает появляться.

 

Что за хрень?

Edited August 4, 2014 by Нарек

[Нарек]

upd. Кажется это не из за слайдера, так как на других страницах тоже не работает где нет слайдера.. Возможно ли что проблема именно в клонировании? Что если я навожу курсор на пункт а он открывается не в клонированном а в исходном? Он же наверху остается и не видно его..

[Нарек]

upd. Вижу люди до сих пор заходят в тему, напишу, что от проблемы избавился. С помощью 

-webkit-transform: translateZ(0);

Ну и backface-visibility. Данный баг только в сафари 6.1.1 который исправили в следующей версии (читал очень много англоязычных форумов, там все пишут так.)