收集IE6.0与其它浏览器，样式兼容问题

[学城]

问题很清楚，如上所述。请亲们回答如下问题
1.IE6.0 样式 注意点
2.怎么处理浏览器兼容问题，如我有个网站导航IE8的正常显示，但到了IE6 样式全乱。
是这样做的：
<div id="nav">

<ul class="menu">
<li><a href="#"><span>首页</span></a></li>
<li id="li_list_2"><a href="#"><span>关于我们</span></a>
<div id="nav_list_2" class="nav_list clearfix">
<div class="list_left"></div>
<ul class="left">
<li><a href="#"><span>公司简介</span></a></li>
<li><a href="#"><span>企业文化</span></a></li>
</ul>
<div class="list_right"></div>
</div>
</li>
<li id="li_list_3"><a href="#"><span>新闻中心</span></a>
<div id="nav_list_3" class="nav_list clearfix">
<div class="list_left"></div>
<ul class="left">
<li><a href="#"><span>公司动态</span></a></li>
<li><a href="#"><span>行业观点</span></a></li>
</ul>
<div class="list_right"></div>
</div>
</li>
</ul>
<div>
---------------css---
#nav {
float: right;
margin: 39px 0 0;
position: relative; height:31px;
}
#nav .menu > li {
float: left;
height: 31px;
line-height: 31px;
}
#nav .menu > li > a {
color: #0E468C;
display: block;
font-weight: bold;
height: 31px;
letter-spacing: 3px;
line-height: 31px;
padding: 0 0 0 13px;
}
#nav .menu > li > a span { padding:0 10px 0 0;}
#nav .menu > li.hover > a { background:url(../Images/nav_l.jpg) no-repeat left top;}
#nav .menu > li.hover > a span { display:block; background:url(../Images/nav_r.jpg) no-repeat right top;color:#e91114;}

#nav .menu > li .nav_list { display:none; height:33px; position:absolute; left:0; bottom:-33px;}
#nav .menu > li.hover .nav_list { display:block;}

[三石-gary]

http://blog.csdn.net/zsx841021/article/details/7510828

[三石-gary]

http://blog.csdn.net/zsx841021/article/details/7473188

[001007009]

楼主 参考下
很详细。
http://w3help.org/zh-cn/causes/index.html

[学城]

谢谢，上面的参考。