图片无缝滚动

Question

 <div id=demo style=overflow:hidden;height:170px;width:610px;color:#ffffff;>
 <table align=left>
  <tr>
   <td id=demo1 valign=top>
    <table cellpadding=0 cellspacing=0 border=0 height=170px>
     <tr>
      <td><img src="e:\qidian\images\xiangce1.jpg"  cellpadding=0 cellspacing=0 border=0 ></td>
      <td><img src="e:\qidian\images\xiangce2.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce3.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce4.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce5.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce6.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce7.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce8.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><img src="e:\qidian\images\xiangce9.jpg"  cellpadding=0 cellspacing=0 border=0></td>
      <td><a href="http://www.baidu.com"><img src="e:\qidian\images\xiangce10.jpg"  cellpadding=0 cellspacing=0 border=0 ></td>
     </a></tr>
    </table>
   </td>
   <td id=demo2 valign=center></td>
  </tr>
 </table>
</div>
<script>
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
 if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
 else{
  demo.scrollLeft++;
 }
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>这段代码放在网页里，为什么我的图片上边缘有空隙而下边缘没有哪，还有为什么我的第一张图片和最后一张图片之间有空隙哪？还有就是这个speed更改值以后怎么没有作用哪？