图片下上滚动无缝隙效果的有关问题

<div id=demo style="overflow:hidden; width:128px; height:300px;"> 
<div id=demo1> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
<img src="gfjs.gif"><br><img src="bxtt.gif"><br><img src="bzjd.gif"><br> 
</div> 
<div id=demo2></div> 
</div> 
<script language="javascript"> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight 
else{ 
demo.scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</script>