marquee 滚动无空白

<table align="center" width="840" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div >&nbsp;师资力量</div>
<table >
<tr>
<td><img src="images/left.jpg" border="0" /></td>
<td width="400">
<div id=demo >
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top >
<img src="jie/UploadFiles_8577/200909/2009092212270090.jpg" width="180" height="130"/> <img src="jie/UploadFiles_8577/200909/20090918094852212.jpg" width="180" height="130"/> <img src="jie/UploadFiles_8577/200909/2009091809381943.jpg" width="180" height="130"/> <img src="jie/UploadFiles_8577/200909/2009091816354034.jpg" width="180" height="130"/> <img src="jie/UploadFiles_8577/200909/2009091810013911.jpg" width="180" height="130"/> <img src="jie/UploadFiles_8577/200909/2009091809481396.jpg" width="180" height="130"/>
</td>
<td id=demo2 valign=top ></td>
</tr>
</table>
</div>
<script>
var speed=5
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}

var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){
clearInterval(MyMar)
}
demo.onmouseout=function(){
MyMar=setInterval(Marquee,speed)
}
</script>
</td>
<td><img src="images/right.jpg" border="0" /></td>
</tr>
</table>
</td>
<td width="20">&nbsp;</td>
<td>
<div >&nbsp;学堂锦集</div>
<table >
<tr>
<td><img src="images/left.jpg" border="0" /></td>
<td width="400">
<div id=demoo >
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td><img src="images/left.jpg" border="0" /></td>
<td id=demo11 valign=top >
<img src="jie/UploadFiles_8577/200908/2009082400372088.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400372033.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400372011.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400372050.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400380964.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400380985.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400380963.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400380903.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400522539.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400522530.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400522509.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400522574.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400530664.jpg" width="180" height="130" border="0"/> <img src="jie/UploadFiles_8577/200908/2009082400530642.jpg" width="180" height="130" border="0"/>
</td>
<td id=demo22 valign=top ></td>
<td><img src="images/right.jpg" border="0" /></td>
</tr>
</table>
</div>
<script>
var speed=5
demo22.innerHTML=demo11.innerHTML
function Marquee(){
if(demo22.offsetWidth-demoo.scrollLeft<=0)
demoo.scrollLeft-=demo11.offsetWidth
else{
demoo.scrollLeft++
}
}

var MyMar=setInterval(Marquee,speed)
demoo.onmouseover=function(){
clearInterval(MyMar)
}
demoo.onmouseout=function(){
MyMar=setInterval(Marquee,speed)
}
</script>
</td>
<td><img src="images/right.jpg" border="0" /></td>
</tr>
</table>
</td>
</tr>
</table>

为什么滚动不起了.......

帮忙看看

谢谢！

麻烦你了.....

一个页面滚动两个区域，要么用类，要么用两个不同的函数：Marquee1，Marquee2