- HTML code
<!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>CL_Catherine Lansfield_凯诗风尚</title><style type="text/css">.nav {height:35px; margin:0px auto 15px; zoom:1; background:black;}.nav:after {content:''; display:block; clear:both; height:0; visibility:hidden;}.nav_wide {float:left; height:35px; _overflow:hidden; zoom:1;}.nav_wide:after {content:''; display:block; clear:both; height:0; visibility:hidden;}.nav_wide li {float:left; font-weight:bold; font-family:"微软雅黑"; font-size:14px; line-height:31px;}.nav_wide li a {color:Yellow; float:left; width:75px; text-align:center; padding-top:6px;}.nav_wide li a:hover {text-decoration:none; color:#fff;}.nav_wide dl {position:relative; z-index:110; white-space:nowrap; word-break:keep-all; cursor:pointer; overflow:visible;}.nav_wide dt {z-index:2; position:relative; _display:inline; zoom:1;}.nav_wide dd {display:none; z-index:1; position:absolute; top:35px; width:924px; background-color:#efefef; height:175px; padding:10px 5px 15px 19px;}.nav_home a.on, .nav_home a:hover { background-color:Blue}.nav_taoxi a.on, .nav_taoxi:hover { background-color:red}</style></head><body><div class="nav"> <ul class="nav_wide"> <li class="nav_taoxi"> <dl> <dt><a href="#">套系</a></dt> <dd> <a href="http://www.cl68.com/topics/206-0-1.html" id="nav-nanhai">男童卧室</a> <a href="http://www.cl68.com/topics/207-0-1.html" id="nav-nvhai">女童卧室</a> <a href="http://www.cl68.com/topics/208-0-1.html" id="nav-shishang">时尚卧室</a> <a href="http://www.cl68.com/topics/208-0-1.html" id="nav-jingdian">经典卧室</a> </dd> </dl> </li> </ul></div></body></html>弄了个简单的，就是鼠标停套系上面，ie8可以出现那个红色的层，但是ie6不行，谁知道怎么改啊，不用js！！！没分了，只能给个20分，各位帮个忙吧，急用啊
------解决方案--------------------
ie6不支持
.nav_taoxi:hover
这种:hover
ie6中，只有a标签才能:hover
建议使用js的onmouseover处理
------解决方案--------------------
.nav_taoxi:hover表示class="nav_taoxi"对象的hover