不间断图片左右滚动代码火狐不兼容

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String id= request.getParameter("id"); 
%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>不间断图片左右滚动代码-www.yuanshi88.com</title> 
<style type="text/css"> 
.td2<%=id%> {font-size: 12px;} 
</style> 
</head> <BODY> 
<CENTER> 
  <TABLE class="td2<%=id%>" style="BORDER: #ccc 1px solid;" cellSpacing=0 cellPadding=0 width=750 align=center border=0> 
  <TBODY> 
  <TR> 
    <TD> 
      <DIV id=demo<%=id%> style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff"> 
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0"> 
        <TBODY> 
        <TR> 
          <TD id=demo1<%=id%> vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0"> 
            <tr> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">1</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center"> 
                <p>2</p> 
                </div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td> 
              <td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td> 
            </tr> 
          </table></TD> 
          <TD id=demo2<%=id%> vAlign=top>&nbsp;</TD></TR></TBODY></TABLE></DIV>     </TD></TR></TBODY></TABLE> 
    </CENTER> 
<script> var speed3<%=id%>=20//速度数值越大速度越慢 function Marquee<%=id%>(){ 
document.getElementById("demo2<%=id%>").innerHTML=document.getElementById("demo1<%=id%>").innerHTML 
if(document.getElementById("demo2<%=id%>").offsetWidth-document.getElementById("demo<%=id%>").scrollLeft<=0){ document.getElementById("demo<%=id%>").scrollLeft-=document.getElementById("demo1<%=id%>").offsetWidth 
} 
else{ 
document.getElementById("demo<%=id%>").scrollLeft++ 
} 
} 
var MyMar<%=id%>=setInterval(Marquee<%=id%>,speed3<%=id%>) document.getElementById("demo<%=id%>").onmouseover=function() { 
clearInterval(MyMar<%=id%>) 
} 
document.getElementById("demo<%=id%>").onmouseout=function() { 
MyMar<%=id%>=setInterval(Marquee<%=id%>,speed3<%=id%>) 
} 
alert(document.getElementById("demo2<%=id%>").offsetWidth); 
</script> 
</BODY> 
</HTML>