ie6、ie7和firefox/chrome关于CSS的兼容问题

今天又遇到一个兼容性问题：一个ul列表下有一个a标签按钮，ul里每个li设置了margin-bottom为13px，ie6和firefox及chrome显示正常，ie7下最后一个li却紧挨着a标签，没有了13px的距离。

如果是ie6的兼容，在ul上加_margin-bottom:13px（仅ie6识别）或者margin-bottom:0px !important; margin-bottom:13px;（firefox识别!important，ie6不识别）即可解决。

但现在是ie7，怎么写才能让ie7识别而其他不识别呢？

此时，*闪亮登场了。*margin-bottom:13px ie7和ie6可识别。

ok，结合起来，问题解决，css如下：

margin-bottom:0px; *margin-bottom:13px !important; *margin-bottom:0px;

三个分别为firefox的，ie7的，ie6的。

 

---------------------更正--------------------

关于!important，ie6其实是识别的，只不过有bug；

比如div {margin-bottom:0px !important; margin-bottom:13px;}这么写，ie6就bug了只认后者；

但是如果这么写：

div {margin-bottom:0px !important; }

div {margin-bottom:13px;}

ie6还是识别0px的。