*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签。所以要解决padding的兼容问题就要靠前面提到的标签。
以sccas-site为例,左侧导航栏在padding上产生了ie6、ie7以及ff浏览器不兼容,修改代码如下:
#menu7 li a {height:25px;/*border-right:1px solid #666666;*/text-decoration: none;margin:0px 0px 0px -40px !important;(firefox可识别,可使导航栏整体位置与ie中相同)margin:0px 0px 0px 0px;}
#menu7 li a:link{ /*在firefox中识别此段link的css*/float:none;color: #000;display: block;font-weight:bold;background-color:#CCCCCC;border-top:1px solid #fff;/*border-left:1px solid #333333;border-bottom:1px solid #333;border-right:1px solid #333;*/padding: 8px 0 0 20px;}
*html #menu7 li a:link{ /*在ie6中识别此段link的css*/float:none;color: #000;display: block;font-weight:bold;background-color:#CCCCCC;border-top:1px solid #fff;/*border-left:1px solid #333333;border-bottom:1px solid #333;border-right:1px solid #333;*/padding: 8px 0 0 10px;}
*+html #menu7 li a:link{ /*在ie7中识别此段link的css*/float:none;color: #000;display: block;font-weight:bold;background-color:#CCCCCC;border-top:1px solid #fff;/*border-left:1px solid #333333;border-bottom:1px solid #333;border-right:1px solid #333;*/padding: 8px 0 0 60px;}