首先说明：！important只是为了IE6的css的兼容啦！
！important在CSS中表示优先调用，ie6不识别。
<div id="a"></div>
下面是有关层A在CSS样式表中的定义， 注意，这里使用了！important这个属性。
#a{margin-left:30px!important; margin-left:20px;}
在上面的例子中， 层a 在IE浏览器中， 左边距为20像素， 而在Firefox中， 左边距则变为30像素。 这是因为， !important在 CSS 中表示优先调用，
由于IE不能够识别这个属性， 所以在IE中， 只能够调用 “margin-left:20px;" 这个选项， 所以同样的一段代码， 在Firefox和IE中就会显示不同的样式。
不过值得注意的是， 最新版的IE 7.0 已经可以识别 !important， 这个属性了， 但是IE 6.0仍然不能识别。 所以这个小技巧还是相当有用的.
比较：
（1）a{color:teal !important},
IE6和其它高版本浏览器都认识，（IE6虽然不认识!important，但它还是能够认识!important之前的color:teal这个属性的，
（2）a{color:red;color:teal !important}
则所有浏览器也都把文字的颜色设置为teal这个颜色。
（3）a{color:teal !important；color:red}
,则在火狐和IE6+的浏览器里则以color:teal为准，
因为他们认识!important，则它的优化级高，所以采用color:teal。
而IE6呢，尤由它不认识!important，但能认识color:teal这个属性，所以color:teal和color:red都要采用,
但后来定义的颜色会覆盖 前面定义的颜色，也就是说color:red会覆盖color:teal，
所以我们在IE6里我看到的应该是red这个色。