Css 环绕图像的Div的边框超过了过去的图像

我不确定这个标题是否有意义，但我会尽力解释

我想在图像的顶部添加一个div，这很简单。我将图像环绕在一个div上，然后从中给出类似top:，left:，的内容

然而，图像所在的这个div超出了实际图像的边界，一直延伸到父div。如何使div的边界刚好环绕在div内的实际图像上

黑色正方形是一个图像。但是图像类的div没有环绕图像的边框

<div id="page">

    <div class="image">
        <img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Black_300.jpg">
            <div class="innerimage"></div>
    </div>

</div>

---

将显示：内联块添加到.image div:

display: inline-block;