IE6 bug:嵌入的图片是下面多出空白

html代码:

.....

<div id="img_wrap">

       <img src="XXX.jpg"/>

</div>

....

 

 

css代码:

body{

.....

font-size:12px;

.....

}

 

#img_wrap{

    height: 176px;
    width: 1024px;

}

 

#img_wrap img{

   height: 176px;
    width: 1024px;

}

 

.....

 

body中 font-size:12px 将导致嵌入的图片是下面多出空白。

 

解决方案：

#img_wrap{

    font-size:0;

    height: 176px;
    width: 1024px;

}