记住 ，!important与>

margin-top:0px!important;>margin-top:0px!important;margin-top:16px;

现在IE6和IE7以及FF对盒模型解释大致是一致的，都是盒实际宽度=盒内容宽度+内补丁值+边框宽度。主要差异还是在一些细节上。比如IE6.0的margin双倍问题，这样的话在写CSS或搭建XHTML结构时候尽量去写兼容性地，可扩展性的代码和结构定义，避免BUG的出现，避免BUG条件的产生，预防隐患存在的不兼容性。

最后，谈到很重要的一点，CSS几乎无所不能，CSS hack更是无所不能。恰当综合使用CSS规则和CSS hack可以修正不同浏览器的显示细节的错位。例如我们对同样一个盒定义他的内容宽度：

.div{width:150px!important;>width:200px!important;width:600px;}

这样一句定义，这个盒的实际宽度在FF中是150px,而在IE7.0RC中是200px,在IE6.0中是600px.

为什么呢？？

因为FF认识!important;并遵循其优先权，但是中间的值前面有个>，所以FF忽略它，这样最后FF中就是150px;

而IE7.0RC也认识“!important;”，同时也认识“>”，所以将后面一个“!important;”将前面一个覆盖掉，以最后一个为准。

而IE6.0不管“!important;”只认最后一个值。

知道了这，我想基本上这三个主要浏览器的兼容基本上没太大问题了