CSS 浏览器兼容问题！！！！

<script type="text/javascript">

    $(document).ready(function() {
        $('#divSideshow').cycle({
            fx: 'fade',
            delay: 2000
        });

        $('#divSideshow').cycle("pause");  //停止轮播

        //下一页、渐入渐出
        $(".index-right").click(function() {
            $('#divSideshow').cycle("next");
        }).hover(function() {
            $(".index-right-hover").fadeIn(500);
        }, function() {
            $(".index-right-hover").fadeOut(500);
        });

        //上一页、渐入渐出效果
        $(".index-left").click(function() {
            $('#divSideshow').cycle("prev");
        }).hover(function() {
            $(".index-left-hover").fadeIn(500);
        }, function() {
            $(".index-left-hover").fadeOut(500);
        });
    });
</script>

    

<style type="text/css">

        

        .index-left,.index-right{ position:absolute; z-index:101; width:480px; height:400px;  cursor:pointer; }

        .index-left{ float:left;  } 

        .index-right{  margin-left:491px;}

        .index-left-hover,.index-right-hover{ width:102px; height:95px; margin-top:150px; display:none;}

        .index-left-hover{ background: url("../App_Themes/img/web/left.png") no-repeat ;}

        .index-right-hover{ float:right; background: url("../App_Themes/img/web/right.png") no-repeat ;}