在IE（IE6）中常见的几个兼容性问题

1.图片间隙问题：

在高版本浏览器中，如果没有给父容器设置高度，图片会在原来基础上把父元素撑大3-5px；

解决办法：1.给父元素添加font-size：0；

2.给图片设置display：block；（推荐方法）

在低版本浏览器中（IE6），如果给父容器设置宽度后，图片会在原来基础上把父元素撑大3-5px；

解决办法：1.给父元素添加font-size：0；

2.给图片添加display：block；

2.双边距问题：

在IE6中如果对进行浮动的元素设置边距（padding或者margin），边距加倍。

解决办法：给元素设置display：inline

3.li标签间隙问题：

IE6中，如果li标签中的内容设置了高度，li标签之间会有间隙；

解决办法：给li设置vertical-align：top；

4.块状元素默认高度问题：

IE6中，部分块状元素会有默认高度（一般为16px-18px之间）；

解决办法：给元素添加overflow-hidden     或者font-size：0；

5.IE6中只能支持png 格式8位的透明；

6.表单行高不一致：

此问题在高版本浏览器中也存在，主要表现在一行中的文本输入框和按钮不在同一高度；

解决办法：给表单元素添加float：left 并去掉默认边框border：0；