JS+DIV实现图片向上翻为什么在firefox里看不到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>符合标准的多图片间歇向上翻滚代码</title>
<style type="text/css">
FORM {
MARGIN: 0px;
padding:0px;
}
ul {
margin:0;
padding:0;
}
li {
list-style:none;
float:left;
}
.brandMain{
MARGIN: 0px auto; 
WIDTH:760px; 
margin-top:5px;
background:#ffffff;
padding:0px;
border:1px solid #A9D390;
clear:both;
}
.brandLeft{
float:left;
width:20px;
height:134px;
background-color:#EDF7E7;
line-height:30px;
text-align:center;
padding-top:15px;
}
.brandRight{
float:right;
width:20px;
height:134px;
background-color:#EDF7E7;
line-height:30px;
text-align:center;
padding-top:15px;
}
.brandAll{
WIDTH: 710px;
float:left;
text-align:center;
margin-left:3px;
margin-top:4px;
margin-bottom:3px;
}
.brandAll li {
float:left;
width:170px;
height:35px;
margin:0px 3px 0px 3px;
padding-top:6px;
}
.brandAll img {
border:0px solid #fff;
}
</style>
<base href="http://www.homr.cn/demo/ScoolPhotos/">
</head>
<body>
<script language="JavaScript">
var obj_marquee;
var marquee_spd = 4000;
var step_c = 0;
function marquee_init() {
  obj_marquee = document.getElementById("marquee");
  var obj_unit = obj_marquee.firstChild;
  var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
  for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);
  return;
}
function marquee_show() {
  var marquee_high = parseInt(obj_marquee.style.height);
  var step = marquee_high/10;
  if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
    obj_marquee.scrollTop = 0;
    marquee_show();
    return;
  }
  obj_marquee.scrollTop += step;
  if(step_c++ < 10) setTimeout("marquee_show()", 50);
  return;
}
window.onload=marquee_init;
</script>
<div class="brandMain">
  <div id="marquee" class="brandAll" style="overflow:hidden;height:80px;width:710px;border:0px;padding:0px;">
 <div style="border:0px;padding:0px">
 <!-- Marquee Body Head -->
  <div style="height:80px;" class="brandAll"><ul>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
</ul></div>
  <div style="height:80px;" class="brandAll"><ul>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
<li><a href="#" target="_blank"><img src="../桌面/fla/img/0101.jpg" width="158" height="53" /></a></li>
</ul></div>
 <!-- Marquee Body Bottom -->
 </div>
</div>
</div>
</body>
</html>上面这个代码。怎么我在IE下正常，回到firefox3.0浏览器根本看不到。请各位高手帮忙解答急用谢谢