firefox下滚动新闻的问题。

HTML:

		<div id="hots">
	<div id="boxs" style="height:22px;line-height:22px">
		<ul style="margin:0;padding-left:10px; list-style:none;">
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
			<li>·<a href="" target="_blank">上下滚动新闻</a></li>
		</ul>
	</div>
</div>
<script language="JavaScript" type="text/javascript">
<!--
try{
  var marqueesHeight2 = 22;
  var stopscroll2     = false;
  var scrollElem1 = document.getElementById("hots");
  with(scrollElem1){
    style.width     = 240;
    style.height    = marqueesHeight2;
    style.overflow  = 'hidden';
    noWrap          = true;
  }
  scrollElem1.onmouseover = new Function('stopscroll2 = true');
  scrollElem1.onmouseout  = new Function('stopscroll2 = false');
  var preTop2     = 0; 
  var currentTop2 = 0; 
  var stoptime2   = 0;
      var leftElem1 = document.getElementById("boxs");
  scrollElem1.appendChild(leftElem1.cloneNode(true));
  init_srolltext2();
}catch(e) {}
function init_srolltext2(){
  scrollElem1.scrollTop = 0;
  setInterval('scrollUp2()', 15);
}
function scrollUp2(){
  if(stopscroll2) return;
  currentTop2 += 1;
  if(currentTop2 == 12) {
    stoptime2 += 1;
    currentTop2 -= 1;
    if(stoptime2 == 100) {
      currentTop2 = 0;
      stoptime2 = 0;
    }
  }else{
    preTop2 = scrollElem1.scrollTop;
    scrollElem1.scrollTop += 2;
    if(preTop2 == scrollElem1.scrollTop){
      scrollElem1.scrollTop = 0;
      scrollElem1.scrollTop += 2;
    }
  }
}
//-->
</script>

单个文件的话，也就是说不放在页面里。只有这一段代码的页面 在IE和FF下均正常。

然后把这段代码加到网页中后。 IE下正常，上下滚动，显示1条。在FF 滚动的时候 却显示的是2条