kc 5.0的滚动代码无间隙

kc 5.0的滚动代码无间隙
<div id="gg">
<div id="demo">
<div id="indemo">
<div id="demo1">
{king:product type="new" number="8"}
<li><a href="(king:path/)"><img alt="" src="(king:pic/)"  /></a><br/><span><a title="" href="(king:path/)">(king:title/)</a></span></li>
{/king}

</div>

<div id="demo2"></div>
</div>
</div>

</div>

下面的JS放到body 里面

<script>
<!--
var speed=10; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

下面是 CSS 

#gg {
        width:950px;
        height:150px;
}

/*滚动*/

#demo {

overflow:hidden;

width: 948px;
        height:143px;
        margin:5px auto 5px 0px;

}
#demo li {
border: 0px solid #F2F2F2;
float:left;
}
#demo li img{
width:110px;
        height:110px;
         margin-top:6px;
         border:1px #CCCCCE solid;
}

#indemo {
float: left;
width: 880%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}