ol标签序号错乱，span定位,js隔行背景

<!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>
<script language="javascript">
<!--
window.onload = function (){
var tagol =  document.getElementById("edu");
var tagli = tagol.getElementsByTagName("li");
for(var i=0;i<tagli.length;i++){
if(i%2 != 0){
tagli[i].style.background = "";
}
}
}
-->
</script>
<style type="text/css">
<!--
* {
margin: 0px;
padding: 0px;
}
ol {
margin: 10px auto;
height: auto;
width: 600px;
border: 1px solid #FF0000;
list-style: decimal inside;
}
ol li {
line-height: 25px;
height: 25px;
background: #99CC00;
}
ol li a {
text-decoration: none;
}
ol li span{
text-align: right;
}
-->
</style>
</head>
<body>
<ol id="edu">
  <li><a href="#">标题1</a><span>浏览次数：n</span></li>
  <li><a href="#">标题2</a><span>浏览次数：n</span></li>
  <li><a href="#">标题3</a><span>浏览次数：n</span></li>
</ol>
</body>
</html>向大家请教三个问题：
1.用ol标签定义有序列表，为什么前面的序号在IE6里都为1，没有自动的排序。
2.这里的span标签，想要进行右对齐，除了让a和span块化再浮动的方法，还有什么更为简单的方法让其实现右对齐？
3.这段js代码在FF里不起作用
另外，IE6里序号没有被背景色覆盖。
希望能给个完整代码，完美实现这段代码在IE6和FF里的一致效果。
辛苦大家了。

解决方案 »

  1.   

    <!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> 
    <script language="javascript"> 
    <!-- 
    window.onload = function (){ 
    var tagol =  document.getElementById("edu"); 
    var tagli = tagol.getElementsByTagName("li"); 
    for(var i=0;i <tagli.length;i++){ 
    if(i%2 != 0){ 
    tagli[i].style.background = "none"; 
    } 
    } 
    } 
    --> 
    </script> 
    <style type="text/css"> 
    <!-- 
    * { 
    margin: 0px; 
    padding: 0px; 
    } 
    ol { 
    margin: 10px auto; 
    height: auto; 
    width: 600px; 
    border: 1px solid #FF0000; 
    list-style: decimal inside; 
    } 
    ol li { 
    line-height: 25px; 
    background: #99CC00; 
    } 
    ol li a { 
    text-decoration: none; 
    } 
    ol li span{ 
    text-align: right; 
    } 
    --> 
    </style> 
    </head> 
    <body> 
    <ol id="edu"> 
      <li id="li_1"> <a href="#">标题1 </a> <span>浏览次数：ndfds fd fdsf </span> </li> 
      <li id="li_2"> <a href="#" >标题2 </a> <span>浏览次数：n </span> </li> 
      <li id="li_3"> <a href="#" >标题3 </a> <span>浏览次数：n </span> </li> 
    </ol> 
    </body> 
    </html> 
    span的右对齐楼主自己解决吧！