摆脱内联块图像下方的空间[重复]

如何消除图像底部和包装器之间的空间，同时保持图像作为内联块？为什么会发生这种情况？

http://jsfiddle.net/dJVxb/2/

HTML:

<div id="wrapper">
<img src="https://twimg0-a.akamaihd.net/profile_images/1735360254/icon_reasonably_small.jpg" >                 
</div>

CSS:

​#wrapper {
    background:green;
}
img {
    display:inline-block; 
    margin:0;
}

​

Write vertical-align:top;。像这样写：

img {
    display:inline-block; 
    margin:0;
    vertical-align:top;
}

检查这个http://jsfiddle.net/dJVxb/4/