IE7中的CSS双栏布局和表格问题

您好，我有以下HTML：

<div id="CONTENT">
    <div id="SIDEBAR"></div>
    <div id="MAIN">
    <table>
    <tr>
        <td>
            <div><label><span><a><span>My Label</span></a></span></label><span class="colon">:</span></div></td>
        <td>hsadnsdjfjkasdfhkjadshfjkahsdkfjhasdjkfhjkasdhfjkaf</td>
    </tr>
    <tr>
        <td>
           <div><label><span><a><span>My Label with a really long title</span></a></span><span class="colon">:</span></div></label>
       </td>
               <td>hsadnsdjfjkasdfhkjadshfjkahsdkfjhasdjkfhjkasdhfjkaf</td>
     </tr>
     <tr> 
         <td>       
           <div><label><span><a><span>My Label</span></a></span><span class="colon">:</span></div></label>
</td>
    <td><input value="hsadnsdjfjkasdfhkjadshfjkahsdkfjhasdjkfhjkasdhfjkaf" /></td>

    </tr>


            </table>
       </div>
</div>

在IE7中，如果调整窗口大小并使其变薄，则表格似乎会向下移动。我想简单地显示一个像IE9和FF这样的滚动条

---

活生生的例子：

你需要在样式表中设置内容的最小宽度，无论边栏+主内容的最小宽度是多少。

在我们公司，我们必须支持IE7，我是喜欢推动现代浏览器的人之一，但有时你的手被束缚在后面。我希望主内容是动态的，所以我不知道宽度会是多少。同时，最小宽度不能与IE6+7一起正常工作吗？

#CONTENT{
    font-size: 87%;
    padding: 5px;
}
#SIDEBAR{
    width: 24em; float: left; margin-right: 0.5%;height: 200px;
    border: 1px solid green;
}
#MAIN {
    /*margin-left: 25em;*/
    border: 1px solid purple;float:right;
}

table div{
     position:relative;
}

.colon {
     position: absolute;
    right:0;
}

label {
    margin-right: .4em;
}