如何让firefox中实现IE中的颜色改变的效果

如何让firefox中实现IE中的颜色改变的效果，IE中的效果是可以的。
<%@ page contentType="text/html; charset=gb2312" language="java" %>
<%
String pageNo = request.getParameter("pageNo");
if(pageNo == null || pageNo==""){
pageNo="0";
}
%>
<!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">
.a1{ color:#0000FF}
.a2{ color:#0000FF}
.a3{ color:#0000FF}
.a4{ color:#0000FF}
.a5{ color:#0000FF}
.a1dp{ color:#FF0000}
.a2dp{ color:#FF0000}
.a3dp{ color:#FF0000}
.a4dp{ color:#FF0000}
.a5dp{ color:#FF0000}
</style>
<script language="javascript">
function showPageNoClass(obj){
if(typeof(obj)=='number'){
 if (window.ActiveXObject){//IE
 var pageNoColl = document.getElementById("_page").all.tags('A');
pageNoColl.item(obj).className = pageNoColl.item(obj).className+"dp";
 }
 if (document.getBoxObjectFor){//firefox
 //alert(document.getElementById("_page").childNodes[0].tagName );
 //这个地方的代码怎么写
 } }
}
</script>
</head>
<body onload="showPageNoClass(<%=pageNo%>);">
<div>
 <ul id="_page">
  <li><a href="test.jsp?pageNo=0" onclick="showPageNoClass(0);" class="a1">测试1</a></li>
  <li><a href="test.jsp?pageNo=1" onclick="showPageNoClass(1);" class="a2">测试2</a></li>
  <li><a href="test.jsp?pageNo=2" onclick="showPageNoClass(2);" class="a3">测试3</a></li>
  <li><a href="test.jsp?pageNo=3" onclick="showPageNoClass(3);" class="a4">测试4</a></li>
  <li><a href="test.jsp?pageNo=4" onclick="showPageNoClass(4);" class="a5">测试5</a></li>
  </c:if>
 </ul>
</div>
</body>
</html>