【急】二级导航在ie6、7下错位的问题

如图：ie6：

ie7：

ie8：



css代码如下:

1. .cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
   
2. .cf{*height:1%;}.colNav dl,.colNav dt,.colNav dd a:hover,.colNav dd a:hover span,.colNav dl div em{background:url(../../static/image/common/2s.png) no-repeat;}#colNav{border:1px solid #E2E2E2;padding:1px;border-top-color:#9F9F9F;color:#325E7F;font:14px/1.5 Tahoma,Helvetica,Arial,"\5b8b\4f53";border-top:0;}
   
3. .colNav{background:#F6F6F6;}
   
4. .colNav a{color:#325E7F;}
   
5. .colNav dl{float:left;position:relative;z-index:1;padding:8px 8px 3px 14px;height:48px;background-position:-223px -38px;}
   
6. .colNav dl.navShopping{width:298px;}
   
7. .colNav dl.navLife{width:215px;}
   
8. .colNav dl.navTalk{width:243px;padding-left:6px;background:none;}
   
9. .colNav dl.navService{width:118px;}
   
10. .colNav dt{float:left;width:28px;margin-top:1px;text-align:center;font-size:12px;color:#3D7FB1;padding-top:25px;background-position:-31px 0;}
    
11. .colNav dl.navLife dt{background-position:0 0;}.colNav dl.navTalk dt{background-position:-60px 0;}
    
12. .colNav dl.navService dt{background-position:-91px 0;}
    
13. .colNav dd{margin-left:30px;}
    
14. .colNav dd a,.colNav dd a span{display:inline-block;zoom:1;*display:inline;}
    
15. .colNav dd a{margin-bottom:2px;margin-right:2px;font-size:14px;}
    
16. .colNav dd a span{position:relative;z-index:0;right:-2px;padding:0 7px 0 5px;padding-top:1px\9;height:22px;line-height:22px;*cursor:pointer;}
    
17. .colNav dd a:hover{text-decoration:none;color:#FF6C00;}
    
18. .colNav dd a:hover,.colNav dd a:hover span{background-position:-382px 0;}
    
19. .colNav dd a:hover span{background-position:100% 0;}.colNav dl div{position:absolute;right:-12px;top:55px;width:113px;}
    
20. .colNav dl div em{position:absolute;top:-8px;_top:-4px;right:14px;width:8px;height:8px;overflow:hidden;background-position:-232px -19px;}
    
21. .colNav dl p{display:none;margin-top:5px;_margin-top:7px;padding:0 7px 5px 4px;border:1px solid #DDD;border-top:none;background:#FFF;}
    
22. .colNav dl.moreOn{background-color:#FFF;}
    
23. .colNav dl.moreOn em{display:none;}.qq_bind{margin-top:-3px;}#toptb .qq_bind{margin-top:2px;}

复制代码

div代码如下：

1. <div id="colNav">
   
2. <div class="colNav cf">
   
3. <dl class="navTalk">
   
4. <dt>杂谈</dt>
   
5. <dd><a
   
6. target="_blank"><span>新人报道</span>
   
7. </a><a  target="_blank"><span>老乡会</span>
   
8. </a><a  target="_blank"><span>毕业</span>
   
9. </a><a  target="_blank"><span>换课</span>
   
10. </a><a  target="_blank"><span>最爱郑大</span>
    
11. </a><a  target="_blank"><span>学生会</span>
    
12. </a><a  target="_blank"><span>灌水</span>
    
13. </a><a  target="_blank"><span>社团</span></a></dd>
    
14. </dl>
    
15. <dl class="navShopping">
    
16. <dt>学习</dt>
    
17. <dd><a  target="_blank"><span>考研屋</span>
    
18. </a><a  target="_blank"><span>专业学习</span>
    
19. </a><a  target="_blank"><span>黑客小组</span>
    
20. </a><a  target="_blank"><span>网络技术</span>
    
21. </a><a  target="_blank"><span>英语角</span>
    
22. </a><a  target="_blank"><span>电脑知识</span>
    
23. </a><a  target="_blank"><span>公务认证</span>
    
24. </a><a  target="_blank"><span>试题习题</span></a></dd>
    
25. </dl>
    
26. <dl class="navLife">
    
27. <dt>生活</dt>
    
28. <dd><a  target="_blank"><span>爱文学</span>
    
29. </a><a  target="_blank"><span>男女生</span>
    
30. </a><a  target="_blank"><span>谈情感</span>
    
31. </a><a  target="_blank"><span>看电影</span>
    
32. </a><a  target="_blank"><span>打游戏</span>
    
33. </a><a  target="_blank"><span>爱运动</span>
    
34. </a></dd>
    
35. </dl>
    
36. <dl class="navService">
    
37. <dt>服务</dt>
    
38. <dd><a  target="_blank"><span>寻物</span>
    
39. </a><a  target="_blank"><span>求职</span>
    
40. </a><a  target="_blank"><span>二手</span>
    
41. </a><a  target="_blank"><span>交友</span>
    
42. </a>
    
43. <div>
    
44. <p><a  target="_blank"><span>站务管理</span>
    
45. </a><a  target="_blank"><span>提提建议</span>
    
46. </a><a  target="_blank"><span>新手上路</span>
    
47. </a><a  target="_blank"><span>积分活动</span>
    
48. </a><a  target="_blank"><span>加入我们</span>
    
49. </a></p>
    
50. <em></em></div>
    
51. </dd>
    
52. </dl>
    
53. </div>
    
54. </div>
    

复制代码

顶起来~

有木有高手？

不知道是为什么啊

zzhijcy 发表于 2012-3-23 23:50
CSS样式不规范

求详解啊···

同求啊

最好把代码发到目标站去
最好是表格弄。。。。
代码很难看出来的。。

宿迁论坛