Проблема с слайдером изображений jQuery в Chrome

Question

Приведенный ниже код jQuery используется на сайте PHP / Wordpress. Он работает в FireFox, IE7 + и Opera, но не в Chrome или Safari.

Код представляет собой слайдер изображений и всплывающее изображение, которое должно работать во всех браузерах. Но когда я нажимаю кнопки «следующий / предыдущий», всплывающее изображение появляется рядом с изображением, а не сверху.

Код:

$(document).ready(function() {

    var item_width = $('#slipers li').outerWidth(true); 
    var left_value = item_width * (-1); 

    $('#slipers li:first').before($('#slipers li:last'));
    $('#slipers ul').css({'left' : left_value});

    $('#prev').click(function() {
        var left_indent = parseInt($('#slipers ul').css('left')) + item_width;         
        $('#slipers ul:not(:animated)').animate({'left' : left_indent}, 500,function(){             
            $('#slipers li:first').before($('#slipers li:last'));           
            $('#slipers ul').css({'left' : left_value});
        });         
        return false;   
    });

    $('#next').click(function() {
        var left_indent = parseInt($('#slipers ul').css('left')) - item_width;
        $('#slipers ul:not(:animated)').animate({'left' : left_indent}, 500, function () {
            $('#slipers li:last').after($('#slipers li:first'));                    
            $('#slipers ul').css({'left' : left_value});
        }); 
        return false;
    });               
});
</script>
<script type="text/javascript">
$(document).ready(function() {
    $("li.yah").mouseover(function() {

        $(".hover", this).addClass("mun");
    });
    $("li.yah").mouseleave(function() {

        $(".hover", this).removeClass("mun");
    });
});
</script> 

PHP-файл:

<div id="bungkus">
        <div id="next"><img src="/images/kiri.png"></div>
    <div id="slipers"> 

        <ul class="bawah">
          /*looping when i get data from wp*/
            <li class="yah"><a href="#"  >
                 <img src ="img"> </a>

                <div class="hover hid"> 
                    <div class="judul1">                    
                        <img src="image"/>
                        </div>
                        <div class="judul2"><?php the_title();?></div>
                        <div class="judul3"><?php excerpt(20);?></div>                   
                </div>
              </li>  
              /*looping end here */
                      </ul></div>
        <div id="prev" align="right"><img src="<?php bloginfo('url');?>/images/kanan.png"></div>


</div>

Демонстрацию проблемы можно найти здесь . Вам нужно будет нажать несколько раз (4 раза), чтобы увидеть ошибку в Chrome.