html - CSS div を作成して親を塗りつぶしますが、ストレッチはしません

Question

私はこのhtml構造を持っていますhttp://jsfiddle.net/aAXNm/

<div id="mainCont">
<div id="stretchParent">
    This div should make its parent bigger
</div>
<div id="fillParent">
    <span>TagItem</span>
    <span>TagItem</span>
    <span>TagItem</span>
    <span>TagItem</span>
    <span>TagItem</span>
    <span>TagItem</span>
</div>

そして、次のように動作するレイアウトが必要です#mainCont。divにはdivがあり、divに従ってdisplay:inline-block;変更する必要があります。それはすべて正常に機能していますが、親を埋めるために th div も必要ですが、親を成長させるためではありません。width#stretchParent#fillParent

だから私はフィドルに最初の状況があり、2番目の状況を取得する必要があります。何か考えはありますか？

ありがとう