Div Wrapped图像的边框超过了过去的图像

Question

我不确定这个标题是否合理，但我会尽力解释。

我想在图像上添加一个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>

Answer 1

将display：inline-block添加到.image div：

display: inline-block;

http://jsfiddle.net/wwRhB/4/