收藏 不显示删除回复显示所有回复显示星级回复显示得分回复 jQuery、html大牛麻烦进来帮帮忙，关于ol、li的问题


<!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>
    <title></title>
<!-- 改了一下这个脚本引用，这样就可以直接看到效果了 -->
       <script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
     <script type="text/javascript">
         $(function() {
         $(".link > li").hover(
             function(){$(this).css("background-color","yellow")},
             function(){$(this).css("background-color","#FFE27D")})
         });
     </script>
     <style type="text/css" >
        .link{width:500px;list-style-position:inside; list-style-type:decimal;}
        .link li{background-color:#FFE27D}
     </style>
</head>
<body>
<ol class="link" style=" ">
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
    <li ><a href="http://www.baidu.com" target="_blank">百度百度</a> </li>
</ol>
</body>
</html>
如上所示我需要固定li的长度，li里面的<a>长度是不固定的。同时li需要有自动编号。
我用jQuery给li绑定了hover事件，在ie里出了问题，如图中标示ie里只有在连接文字附近才会触发hover事件，而在li的空白处无法触发事件。火狐是正常的。请问如何才能解决这个问题？让ie达到火狐的效果。很头疼

解决方案 »

  1.   

    加个CSS试下.link li a{display:block; width:100%; }
      

  2.   

    我不能指定<a>长度的，不然点空白就点到连接了。
      

  3.   


     $(".link > li a").hover(
                 function(){$(this).css("background-color","yellow")},
                 function(){$(this).css("background-color","#FFE27D")});
    .link li a{background-color:#FFE27D; width:100%; display:block;}
    只是适合ie下的
      

  4.   


     $(".link > li a").hover(
                 function(){$(this).css("background-color","yellow")},
                 function(){$(this).css("background-color","#FFE27D")});
    .link li a{background-color:#FFE27D; width:100%; display:block;}
    只是适合ie下的
      

  5.   

    我要li里留出空白区域的，<a>不能指定长度的
      

  6.   

    .link li{background-color:#FFE27D}=》.link li{width:500px;background-color:#FFE27D}
      

  7.   

    这个也不行，设置了 li的长度，ie6ie7的li自动编号就出问题了