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

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

添加显示：内联块的图像配DIV：

display: inline-block; 

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