从懒人建站下的一个文字滚动特效，放大尺寸后就没效果了

我从懒人建站下载了一个文字向上滚动的特效，如下：http://www.51xuediannao.com/js/texiao/xiangshanggundong.html<div id="demo" style="overflow:hidden;height:100px;width:210px; border:1px solid #666;">
<div id="demo1">
<p><a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> www.51xuediannao.com 为您提供-基于jquery特效，jquery弹出层效果，js特效代码大全，JS广告代码，导航菜单代码，下拉菜单代码和jquery焦点图片代码。</p>
<p>这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</p>
</div><div id="demo2"></div>
</div>
<script style="text/javascript">
var speed=40;//数值越大，速度越慢
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
demo2.innerHTML=demo1.innerHTML;
demo.scrollTop=demo.scrollHeight;
function MarqueeUp(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo2.offsetHeight;
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(MarqueeUp,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(MarqueeUp,speed);}
</script> 
我把height:100px;width:210px; 改为height:450px;width:220px; 的时候就不出现滚动效果了，似乎对宽度进行了控制，但我没从代码里看到哪里做了限制啊？请大侠们指教