为什么输出时会出现一闪一闪的

一个简单的滚动栏，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>javascript </title>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  <script type="text/javascript">
  </script>
  <style type="text/css">
#test{
height:100px;
width:400px;
overflow:hidden;
border-width:1px;
border-style:solid;
margin:0 auto;
background-color:yellow;
  </style>
 </head>
 <body>
<div id="test">
<a href="#">我用的脚本语言是javascript</a><br/>
<a href="#">我用的后台开发语言是PHP</a><br/>
<a href="#">我用的javascript框架是jQuery</a><br/>
<a href="#">我用的PHP框架是Yii</a><br/>
<a href="#">层叠样式表语言是CSS</a><br/>
<a href="#">我喜欢的博客开发框架是wordpress</a><br/>
<a href="#">web需要统一的标准</a><br/>
<a href="#">SEO优化是很重要的</a><br/>
<a href="#">我正在研习UI设计</a><br/>
<a href="#">web测试是一个严谨的模块</a><br/>
<a href="#">我用的开发工具是Editplus，哈哈</a><br/>
</div>
  <script type="text/javascript">
var speed=60;
var doc=document.getElementById("test");
var mymar=setInterval(Marquee,speed);
doc.onmouseover=function(){clearInterval(mymar);}
doc.onmouseout=function(){mymar=setInterval(Marquee,speed);}
function  Marquee()
{
if(doc.scrollTop==doc.offsetHeight)
doc.scrollTop=0;
else
doc.scrollTop++;
}
  </script>
 </body>
</html>