CSS在IE6浏览器中的bug及解决办法收集

1、双倍边距bug

bug出现的状况：

满足下面3个条件才会出现这个BUG:

1）要为块状元素；
2）要左侧浮动；
3）要有左外边距(margin-left)；

解决办法：

只需要在相应的块状元素的CSS树形中加入“display:inline;”，代码如下：

#redBlock{
width:200px;
height:200px;
background:#900;
margin-top:20px;
margin-left:20px;
float:left;
display:inline;
}
2、将内联元素转换为块元素时出现bug

在内联元素样式表中，应有float:left 或right 消除此现象

#Nav ul li a{
display:block;/*转化成块状元素，因链接是内链元素，若想给它定义下面的属性，必须将它转化成块状元素，*/
height:42px;
color:#FFF;
padding:0 10px;
line-height:42px;
font-size:14px;
font-weight:bold;
font-family:Arial;
text-decoration:none;/*去除链接样式，默认是有下划线的，加上这句就没有任何样式，下划线也没有了*/
float:left;/*这句一定要加，不然在IE6中会出现*/
}