为什么不能向左移动，我在想会不会是我的图片都没有在一行的关系，求大神指点
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin: 0;padding: 0}
#box{width: 100%;height: 512px;border: 1px solid red;overflow: hidden;margin: 0 auto;margin-top: 50px;}
#box li{float: left;list-style: none;margin: 0 10px;}
</style>
</head>
<body>
<div id="box">
<ul id="box_00">
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
<li><img src="5.jpg"></li>
<li><img src="6.jpg"></li>
<li><img src="7.jpg"></li>
<li><img src="8.jpg"></li>
<li><img src="9.jpg"></li>
<li><img src="10.jpg"></li>
<li><img src="11.jpg"></li>
<li><img src="12.jpg"></li>
</ul>
<ul id="box_01"></ul>
</div>
<script type="text/javascript">
var mybox = document.getElementById("box");
var mybox00 = document.getElementById("box_00");
var mybox01 = document.getElementById("box_01");
var speed = 50;
mybox.scrollLeft = 0;
mybox01.innerHTML = mybox00.innerHTML;
function move(){
if(mybox.scrollLeft> = mybox.offsetWidth){
mybox.scrollLeft = 0;
}else{
mybox.scrollTLeft++;
}
}
var mymove = setInterval('move()',speed);
</script>
</body>
