CSS样式ie6和ie8兼容问题

如题请高手帮忙！如题！我的CSS样式在IE8下运行正常，到了IE6下，就乱了，帮忙给我改该！急！

<div class="w936">

<UL id="tb_" class="tb_">
<LI id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);">生活频道 </LI>
<LI id="tb_2" class="normaltab" onmouseover="i:HoverLi(2);">美食频道 </LI>
<LI id="tb_3" class="normaltab" onmouseover="a:HoverLi(3);"> 娱乐频道</LI>
<LI id="tb_4" class="normaltab" onmouseover="o:HoverLi(4);"> 旅游频道 </LI>
<LI id="tb_5" class="normaltab" onmouseover="g:HoverLi(5);")> 婚庆频道 </LI>
<LI id="tb_6" class="normaltab" onmouseover="z:HoverLi(6);">家居频道 </LI>
<LI id="tb_7" class="normaltab" onmouseover="z:HoverLi(7);"> 母婴频道</LI>
<LI id="tb_8" class="normaltab" onmouseover="z:HoverLi(8);")> 酒店频道 </LI>


</UL>

<DIV class="ctt">

<div class="dis" id="tbc_01">{tag_首页生活频道} </div>
<div class="undis" id="tbc_02">{tag_首页美食频道} </div>
<div class="undis" id="tbc_03">{tag_首页娱乐频道} </div>
<div class="undis" id="tbc_04">{tag_首页旅游频道}</div>
<div class="undis" id="tbc_05">{tag_首页婚庆频道} </div>
<div class="undis" id="tbc_06">{tag_首页家居频道} </b> </div>
<div class="undis" id="tbc_07">{tag_首页母婴频道} </b></div>
<div class="undis" id="tbc_08">{tag_首页酒店频道} </b></div>

</DIV>

</DIV>

<!--专题切换end -->

CSS样式如下：

.ttl{height:18px;}
.ctt{height:auto;padding:6px;clear:both;border-top:0px;text-align:left;}
.w936{margin:2px 0;clear:both;width:978px;text-align:center; border:1px solid #B1BEC7; }

.tb_{ background-repeat: repeat-x; WIDTH: 980px; height:25px;}
.tb_ ul{height:25px;}
.tb_ li{float:left;height: 25px;line-height:1.6;width: 94px;cursor:pointer;width:122px;}

.normaltab { background:url(/ddmap/idx_09727_btn2.jpg);font-size:14px; text-align:center; }

.hovertab{
background:url(/ddmap/idx_09727_btn1.jpg);font-size:14px; text-align:center;font-weight:bold; color:#d74624 ; }

.dis{display:block; }
.undis{display:none; }

test:791px!important;

*test:785px!important;

test:777px;

可简单解决IE与FF之间的兼容问题（保持FF,IE7,IE的顺序），但这种方式貌似对加载有一定的影响 ！

Update2007-12-31 NND快被Opera个丫的折腾崩溃了:

仅 Opera 9.x 及其较旧版

html:first-child selector {}

>>>------我想分页！--这么长的文章，在这里来个分页多好啊！哈哈-------<<<

区别IE6与FF：

background:orange;*background:blue;

区别IE6与IE7：

background:green !important;background:blue;

区别IE7与FF：

background:orange; *background:green;

区别FF，IE7，IE6：

background:orange;*background:green !important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；

IE6能识别*，但不能识别 !important,

IE7能识别*，也能识别!important;

FF不能识别*，但能识别!important;

IE6 IE7 FF

* √ √ ×

!important × √ √

--------------------------------------------------------------------------------

另外再补充一个，下划线"_",

IE6支持下划线，IE7和firefox均不支持下划线。(推荐)

于是大家还可以这样来区分IE6，IE7，firefox

: background:orange;*background:green;_background:blue;

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

>>>------我想分页！--这么长的文章，在这里来个分页多好啊！哈哈-------<<<

这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对制作兼容网页非常有帮助。