div包裹img，底部一小段空白bug

01.<!DOCTYPE html>  
02.<html>  
03.<head>  
04.<meta charset="utf-8" />  
05.<title>div img空白bug</title>  
06.<style>  
07.body{  
08.    margin:0;  
09.    padding:0;  
10.}  
11.div{  
12.    background:#000;  
13.}  
14.img{  
15.    display:block;  
16.}  
17.</style>  
18.</head>  
19.  
20.<body>  
21.<div><img src="http://hi.csdn.net/attachment/201108/1/0_13121966060Q17.gif" width="100" height="100" /></div>  
22.</body>  
23.</html>

在div的底部，和img边缘之间有空白，IE8 firefox chrome safari 均有，IE6 IE7 没有，解决办法就是给img设置display:block