html - フロートが異なる2つのdiv内のdivの位置合わせ

Question

こんにちは、フロートが異なる2つのdivの真ん中に2番目のdivがある3つのdivがあります。2 番目の div の幅を 3 番目の div まで占有したい。これはすべてのズームで同じでなければならないため、2 番目の div には width auto を使用する必要があります。私のフィドルもチェックしてください：http://jsfiddle.net/mailtoshebin/VZn4e/1/

<div id="main">
    <div id="left">1</div>
    <div id="middle">
        <div id="middleTop">
            <div>This div should reach till right div</div>
        </div>
        <div id="middleBottom">
            <div id="middleBottomSub">this goes right this goes right this goes right</div>
        </div>
    </div>
    <div id="right">3</div>
</div>