图片向左循环移动，却动不了，为什么啊？

<div id=demo style=overflow:hidden;width:1205px;height:35px;>

<span id=demo1>
  <image src="images/bottom1.jpg"/>
  <image src="images/bottom2.jpg"/>
  <image src="images/bottom3.jpg"/>
  <image src="images/bottom4.jpg"/>
  <image src="images/bottom5.jpg"/>
  <image src="images/bottom6.jpg"/>
  <image src="images/bottom7.jpg"/>
  <image src="images/bottom8.jpg"/>
  <image src="images/bottom9.jpg"/>
  </span>
  <span id=demo2></span>
</div>
</div>

<script> 
demo2.innerHTML=demo1.innerHTML; 
var speed=5; 
function Marquee()
{ 
if(demo2.offsetLeft-demo.scrollLeft<=0) 
demo.scrollLeft-=demo1.offsetWidth 
else{ 
demo.scrollLeft++; 
} 
} 
var Mar=setInterval(Marquee,speed); 
demo.onmouseover=function () {clearInterval(Mar)}; 
demo.onmouseout=function () {Mar=setInterval(Marquee,speed)}; 

</script>


<div id=demo 这个框的图片width显示到 id=demo2 的第三个图片。 意思是，
demo2.innerHTML=demo1.innerHTML; 可以显示，可后面的为什么不循环啊，条件都设置了

大哥们，急死我了，谁不可以告诉我下吗？为什么呢

这是js干的事。。楼主应该去js版块求解！