包含图像的 div 底部的空间[重复]

对于这个小提琴，为什么底部有一个空格div#imageDiv?

JSFiddle http://jsfiddle.net/7Knyx/1/

<div>
<div>
<div>
    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/SIPI_Jelly_Beans_4.1.07.tiff/lossy-page1-256px-SIPI_Jelly_Beans_4.1.07.tiff.jpg" />      
</div>
</div>
</div>
<div id="text"><div id="inner">text goes here</div></div>        

html {
  line-height: 1.5em;
}
#text {
  background-color: grey;
  margin-top:-7px;
}

​

​

将您的图像设置为img { display: block; }。请下次在此处添加您的代码，以防止链接失效，并让我们轻松地在此处审查您的代码。