Carousel ne tourne pas sous Chrome

Bonjour à tous
Je ne suis pas très expert en carousel et j'ai un soucis . J'ai crée un carousel symple et mon soucis c'est qu'il tourne partout sauf sous chrome :8 savez vous me dire mon erreur ? Merci pour votre aide

Voici mon code :
<script type="text/javascript" src="jscripts/jquery-1.6.min.js"></script>
<style type="text/css">
#carousel{
overflow:hidden;
width:450px;
height:100px;
margin-top: 5%;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#carousel ul{
position:relative;
list-style-type:none;
margin: 0px;
padding: 0px;
width:9999px;
}

#carousel li{
padding:0px;
list-style:none;
float:left;
}
</style>



<script type="text/javascript">
$(document).ready(function(){
$("#carousel").each(function(){
var t = setInterval(function(){
$("#carousel ul").animate({marginLeft:-100},1000,function(){
$("#carousel ul li:last").after($("#carousel ul li:first"));
$(this).css({marginLeft:0});
})
},2000);
});
});
</script>


<div id="carousel">
<ul>
<li><img src="img/photo 1.JPG" /></li>
<li><img src="img/photo 2.JPG" /></li>
<li><img src="img/photo 5.JPG"/></li>
<li><img src="img/usinage.jpg"/></li>
<li><img src="img/photo 149.JPG"/></li>
</ul>
</div>

Euh, je viens de tester, et ton code fonctionne de façon identique sous IE, FF, Opera et Chrome !