在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空白的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。
1、将图片转换为块级对象可去掉下边空白
即，设置img为：
display:block;
在本例中添加一组CSS代码：
#sub img {display:block;}
2、设置图片的垂直对齐方式
即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以去掉下边空白。如本例中增加一..