Problema de Safari de deslizador de imagen

Acabo de completar un sitio web en el que estoy trabajando pero tengo un problema con mi control deslizante de imagen en Safari. Parece estar bien en Firefox y Chrome.

Aquí está la url: http://www.paulcrookconsultancy.com/

Este es el código que estoy usando:

var triggers = $('ul.triggers li'); var images = $('ul.images li'); var lastElem = triggers.length-1; triggers.first().addClass('active'); images.hide().first().show(); function sliderResponse(target) { images.fadeOut(500).eq(target).fadeIn(500); triggers.removeClass('active').eq(target).addClass('active'); } triggers.click(function() { if ( !$(this).hasClass('active') ) { target = $(this).index(); sliderResponse(target); resetTiming(); } }); function sliderTiming() { target = $('ul.triggers li.active').index(); target === lastElem ? target = 0 : target = target+1; sliderResponse(target); } var timingRun = setInterval(function() { sliderTiming(); },5000); function resetTiming() { clearInterval(timingRun); timingRun = setInterval(function() { sliderTiming(); },5000); } 

Aquí está el CSS:

 .mask { float:left; width:100%; height:100%; overflow:hidden; background:#eee; } ul.images { position:relative; z-index:2; top:0px; left:0px; height:100%; } ul.images li { position:absolute; top:0px; left:0px; bottom:0; } ul.images li img { position:relative; width:100%; height:100%; } ul.images li h2, ul.images li h3 { position:absolute; margin:0; line-height:50px; padding:0 15px; width:100%; } ul.images li h2 { bottom:50px; color:#fff; font-weight:300; background:url(../images/imgSliderBack.png); } ul.images li h3 { bottom:0; color:#97835f; font-size:15px; font-weight:400; background:#000; } ul.triggers li { float:left; margin:15px 5px; width:10px; height:10px; border-radius:5px; background:#192545; cursor:pointer; } ul.triggers li.active {background:#97835f;} ul.triggers li:hover {background:#000;} 

HTML:

 
  • Business Solutions

    Are you short of time?

    Find out more about our services and how they will benefit your business.

  • Financial and Business Advisor

    Do you know who to trust with your finances and business planning?

    Discover what previous clients think of our service.

  • Trusted Advisor

    Do you need a trusted advisor?

    Paul Crook has over 35 years experience working in the industry.

  • Business Growth

    Do you want to grow your business and make it more efficient?

    Lets work together to see your business benefit.

Si hubiera una manera para mí de hacer que las tags h2 y h3 se desvanezcan cuando la img parental se desvanezca, esto debería ordenarla, ¿cómo podría hacer eso?

Creo que tiene algo que ver con esta línea:

 images.hide().first().show(); 

Pruebe esto en su lugar:

 images.not(":eq(0)").hide();