[問題] IE左右切版，table overflow in div換行

[tomin (弱水三千 只取一瓢飲)]

http://jsfiddle.net/M5Mxk/2/

<div id="container">
    <div id="menu">menu</div>
    <div id="main">
         <table><tr><td>very_long_text_in_a_table
            <br/><br/><br/>
         </td></tr></table>
    </div>
</div>

我的問題是  我將頁面切割成左右兩欄
左menu25%  右main66.6%  我是用bootstrap切 (row3, row8)
main裡面有個table  table內容很寬  會超過頁面
http://jsfiddle.net/M5Mxk/2/embedded/result/
用Fx看  左右兩欄是同一列
但用IE看  左右變成兩列  不是我想要的結果

我想要reproduce問題  不過只成功reproduce IE6  然而IE7, IE8也有一樣問題
如果IE6能fix  IE7-10應該也就沒問題

有解嗎？網路上沒搜到答案，或者是說這問題不知從何搜起。
還是兩欄都再用另一個table  至少會同一列
但寬度怎麼設呢？左邊設固定寬？右邊是會變動的寬

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 1.160.226.173
→ Rplus:#menu{float:left;width:200px;} #main{padding-left:200px}
→ tomin:謝謝  我用container-fluid解決了