如何強制div擴展到其內容？

雖然我的問題已經被回答了很多次，但所有提出的解決方案我都試過了，似乎沒有任何工作。如何強制div擴展到其內容？

我想要做的是一個包含li標籤的大div; li標籤還將包含錨標籤，2個div和p標籤。
爲了解這個大圖。我試圖做一個發貼牆（活動板），牆上的帖子看起來像一個泡泡（div post），泡泡會指向（後箭頭）到一個縮略圖圖像（一個thumb3），使我的發佈div的絕對位置的z-index小於箭頭後的氣泡樣式。

，這裏是我的CSS：

.activity-board { 

background:#fff; 
width:600px; 
min-height:652px; 
height:auto; 
border:solid 2px #e7d28d; 
border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1); 
box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1); 
float:left; 
margin-left:20px; 

} 

    .post-body{ 
    position:relative; 
    display:block; 
    list-style-type:none; 
    width:600px; 
    height:auto; 
    background:#f9f9f9; 
    border-bottom:1px solid #CBCBCB; 
    border-radius:4px 4px 0 0; 
    -moz-border-radius:4px 4px 0 0; 
     -webkit-border-radius:4px 4px 0 0; 
    background: #fff; 
    float:left; 
    overflow:visible; 
    clear:both; 
    z-index:9; 
    } 

.post{ 

position:absolute; 
width:500px; 
line-height:20px; 
height:auto; 
background:#FFF; 
display:block; 
margin-top:22.5px; 
margin-left:77px; 
text-align:left; 
float:left; 
z-index:1; 

} 

.post-arrow{ 

position:relative; 
margin-top:32px; 
margin-left:6px; 
width:12px; 
height:18px; 
background:url(images/post-arrow.png); 
float:left; 
z-index:5; 

} 

.post p{ color:#025373; padding:8px; word-wrap:break-word; } 

a.thumb-3 { 

margin-top:18px; 
display:block; 
margin-left:18px; 
width:46px; 
height:46px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
z-index:10; 
float:left; 

} 


a.thumb-3 img{ 

padding:0; 
margin:0 auto; 
width:46px; 
height:46px; 
float:left; 
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 

}

這裏是我的html：

<ul> 
<li class="post-body"> 
     <a class="thumb-3"><img src="images/Alsheikh Center (177).jpg" /></a> 
     <div class="post-arrow"></div> 

     <div class="post"> 
     <p> 
     Hi there! 
     </p> 

    </div> 
</li> 
</ul>

http://jsfiddle.net/r9YpX/

一切工作正常，但李標籤不擴大到內容..它只擴展，如果我改變後div的立場相對e不是絕對的，我不能改變它，因爲它必須絕對放置在箭頭圖像下面，以使其具有泡沫外觀。

任何幫助，將不勝感激。

謝謝。

來源

2013-03-16 Engineeroholic

你不能在絕對定位的元素周圍流動內容。如果你有圖像顯示的小提琴會有幫助。 http://jsfiddle.net/r9YpX/ – isherwood 2013-03-16 18:46:33

更新小提琴：http://jsfiddle.net/r9YpX/1 – isherwood 2013-03-16 18:49:49

對不起，我試圖上傳圖片，但我可以因爲我不到10分的聲譽:) – Engineeroholic 2013-03-16 18:50:16