LI:hover在ie6不弹出，以下代码改怎么修改，我受不了的！！！！

 /*商品分类*/
#category_tree{ background:url(images/catetit.gif) no-repeat left top; padding-top:27px; width:212px; }
#navv {MARGIN: 0px; WIDTH: 212px;TEXT-ALIGN: left; }
#navv UL {BACKGROUND:none;  MARGIN: 0px; WIDTH: 212px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; padding:0; z-index:-100;POSITION: relative; }/*2级*/
#navv A {DISPLAY: block; PADDING-LEFT: 5px; WIDTH: 207px; COLOR: #666666;  TEXT-ALIGN: left; TEXT-DECORATION: none; font-size:12px;}
#navv LI {LINE-HEIGHT: 24px;  background:url(images/cateli.gif) no-repeat left;FLOAT: left; }
#navv LI.catlifirst{background:url(images/catelif.gif) no-repeat left;}
#navv LI.catlilast{background:url(images/catelil.gif) no-repeat left; }
#navv LI:hover {LINE-HEIGHT: 24px; POSITION: relative; background:url(images/catelihover.gif) no-repeat left;FLOAT: left; }
#navv LI:hover .catlifirst{LINE-HEIGHT: 24px; POSITION: relative; background:url(images/catelihover.gif)  no-repeat  left;FLOAT: left}
#navv LI UL {LEFT: -888em; MARGIN: 0px; WIDTH: 150px; padding:0; POSITION: absolute;background:none; z-index:100000}/*2级*/
#navv LI LI {WIDTH: 163px; background:url(images/catelili.gif) no-repeat ; line-height:24px; }
#navv LI LI:hover{WIDTH: 163px; background:url(images/catelili.gif) no-repeat ; line-height:24px;  }
#navv LI LI.catlilifirst{ line-height:24px; background:url(images/catelilif.gif) no-repeat left}
#navv LI LI.catlililast{ background:url(images/catelilil.gif) no-repeat left bottom;line-height:24px;}
#navv LI UL A { WIDTH: 133px; LINE-HEIGHT: 24px;TEXT-ALIGN: left; padding:0 0 0 30px;}
#navv LI UL A:hover{ WIDTH: 133px; LINE-HEIGHT: 24px;TEXT-ALIGN: left; padding:0 0 0 30px;color:#f29312; text-decoration:underline}
#navv LI:hover UL,#nav LI.sfhover UL  {LEFT: 153px; TOP: 0px; z-index:100000}

解决方案 »

  1.   


    Browser Lowest Version 
    Internet Explorer 4.0  (only for <a>) 
    7.0 
    Firefox (Gecko) 1.0 (1.0) 
    Opera 4.0  (only for <a>) 
    7.0 
    Safari (WebKit) 2.0.4 (419)
    various bugs before 
    // IE6下只支持a元素的:hover事件.楼主用onmouseover去做吧
      

  2.   

    确实长见识了，LI也有HOVER的属性，一直以为只有超链接才能用。幸亏不知道，要不也遇到楼主的疑惑了。哈哈
      

  3.   

    LI:hover {LINE-HEIGHT: 24px;}改写为
    一个class，如
    LI.hover {LINE-HEIGHT: 24px;}<li onmouseover="this.className='hover;' onmouseout="this.className=''">
      

  4.   

    IE6中不支持hover focus伪类！解决办法1：
    国外一设计师设计一脚本，可以使IE6支持hover focus。我们只需要在<head></head>添加以下代码
    <!--[if lte IE 6]>
    <style type="text/css">
    body { behavior:url("csshover.htc"); }
    </style>
    <![endif]-->
    并将csshover.htc文件放在站点下。IE6即可支持hover focus伪类。
    csshover.htc下载
    http://www.xs4all.nl/~peterned/htc/csshover3.htc解决办法2：
    用标签A模拟
    改变A的display为block
    用li a:hover来实现li:hover的效果
    参考：http://blog.csdn.net/qinxuzh/archive/2007/10/08/1814857.aspx
      

  5.   

    楼主可以参见一下HTML/CSS斑竹 飘零雾雨的CSS菜单的实现，貌似是利用html code里的hack:
    http://blog.doyoe.com/article.asp?id=217
      

  6.   

    其实就是用<a></a>元素把<li>撑满，然后用a:hover来做的 -。-
    如果LZ不想用a:hover来做的话，那就只能考虑 mouseover/mouseout来达到hover的效果了。就是这2种解决兼容性的变通办法。 或者就是头文件里面嵌入IE6模仿IE7的类库，不过这一般不推荐
      

  7.   

    你网上搜一个CSS的级连菜单,是国外的,如果是ie6，是用table之类的弄的