两个连续的滚动！为何效果回出错

下面是我大概写的。为什么两个连续的滚动会不出效果，1和就没问题？
那为高手指点或者帮忙修正下。谢谢！

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">

        <div id="demo" style="overflow:hidden;height:30px;width:519px;background:#ffffff;">
        <div id="demo1">
            你好<br />
            你好好<br />
            你好好</div>
        <div id="demo2"> </div>
        </div>
        鼠标移动上去效果出错<br />
        <br />
        <div id="Div1" style="overflow:hidden;height:30px;width:519px;background:#ffffff;">
        <div id="Div2">
            １１１<br />
            ２２２<br />
            ３３３</div>
        <div id="Div3"> </div>
        </div>

    </form>
</body>
</html>

<script>
var speed=30
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop <=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)} //鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} //鼠标移开时重设定时器
</script>

<script>
var speed=30
Div3.innerHTML=Div2.innerHTML
function Marquee1(){
if(Div3.offsetTop-Div1.scrollTop <=0)
Div1.scrollTop-=Div2.offsetHeight
else{
Div1.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
Div1.onmouseover=function() {clearInterval(MyMar)} //鼠标移上时清除定时器达到滚动停止的目的
Div1.onmouseout=function() {MyMar=setInterval(Marquee1,speed)} //鼠标移开时重设定时器
</script> --------------------编程问答-------------------- 你是想设置向上滚动吧，是哪一个有问题呀？

可能与你设置的height:30px;太小有点关系吧，你仔细设置一下对应层的高度

因为有很多网站中都用类似的代码，成功的实现了效果 --------------------编程问答-------------------- 不是的,这个滚动代码没问题,就是有两个的时候,当鼠标放在第一个滚动单元的时候第二个停止,第一个反而是减速.

补充：.NET技术 ,  ASP.NET