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/