Html 浏览器滚动不'；我不能在Internet Explorer 10中工作

下面是我的项目中的测试示例：

当选项卡内容很长时，浏览器滚动在Internet Explorer 10中不起作用

请告知如何修理

CSS

HTML

表1


表2


表3


表4


表5


表6


表7


当他走进院长的餐室时，这些美好的愿望更加强烈了，虽然严格地说，那不是一间餐厅，因为院长只有两间房间；然而，它们比佐西玛神父的要大得多，舒适得多。




但在这些房间的装修上，泰尔并不是一个奢侈的地方。这套家具是用莫霍加尼木做的，上面覆盖着皮革，是老式的




当他走进院长的餐室时，这些美好的愿望更加强烈了，虽然严格地说，那不是一间餐厅，因为院长只有两间房间；然而，它们比佐西玛神父的要大得多，舒适得多。




但在这些房间的装修上，泰尔并不是一个奢侈的地方。这套家具是用莫霍加尼木做的，上面覆盖着皮革，是老式的




当他走进院长的餐室时，这些美好的愿望更加强烈了，虽然严格地说，那不是一间餐厅，因为院长只有两间房间；然而，它们比佐西玛神父的要大得多，舒适得多。
但在这些房间的装修上，泰尔并不是一个奢侈的地方。这套家具是用莫霍加尼木做的，上面覆盖着皮革，是老式的

从

#main

中删除

边框：0

，这是应该的-我甚至感到惊讶的是，这在Chrome中确实起到了预期的作用，因为毫无疑问IE10的行为就在这里

在那之后，请删除

表

，我们不再生活在1999年了。

1）没有边界：0在#main div.2）我试图在3天内解决这个问题，并尝试了很多方法，但仍然无法满足我的需要。你能帮我用divs实现它吗，因为我完全不知道如何正确地实现它（总是出现不同的bug）。以下是最后的变化：

* {
    margin: 0; 
    padding: 0;
}

head, body {
    height: 100%;
}

body {
    background: #fff;
}

#main {
    background: #888; 
    position: absolute; 
    top: 25px; 
    bottom: 0px; 
    width: 100%;
}

#head {
    background: #f8f; 
    position: absolute; 
    width: 100%; 
    height: 25px;
}

#left {
    background: #ff8;
    position: absolute;
    bottom: 0px;
    width: 250px;
    height: 100%; 
}

#right {
    background: #8f8;
    margin-left: 250px; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

@media (max-width: 767px) {
    body {
        padding-left: 0px !important;
    }
}

.tab-content .well {
    margin-bottom: 0px;
}

<div id='head'></div>
<div id='main'>
    <div id='left'></div>
    <div id='right'>
        <table style="height:100%;width:100%">
            <tr>
                <td style="width:100%;">
                    <ul class="nav nav-tabs" >
                        <li class="active" style="cursor: pointer;">
                            <a>Tab #1</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #2</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #3</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #4</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #5</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #6</a>
                        </li>
                        <li style="cursor: pointer;">
                            <a>Tab #7</a>
                        </li>
                    </ul>
                </td>
            </tr>
            <tr style="height:100%">
                <td style="height:100%;vertical-align:top;">
                    <div class="tab-content" style="overflow: visible;height:calc(100% - 58px);">
                        <div class="tab-pane active" style="height: 100%; overflow: hidden;">
                            <div class="well" style="height: 100%;">
                                <h1>
                                    These excellant intentions were strengthed when he enterd the Father Superior's diniing-room, though, stricttly speakin, it was not a dining-room, for the Father Superior had only two rooms alltogether; they were, however, much larger and more comfortable than Father Zossima's. 
                                    <br />
                                    <br />
                                    But tehre was was no great luxury about the furnishng of these rooms eithar. The furniture was of mohogany, covered with leather, in the old-fashionned 
                                    <br />
                                    <br />
                                    These excellant intentions were strengthed when he enterd the Father Superior's diniing-room, though, stricttly speakin, it was not a dining-room, for the Father Superior had only two rooms alltogether; they were, however, much larger and more comfortable than Father Zossima's. 
                                    <br />
                                    <br />
                                    But tehre was was no great luxury about the furnishng of these rooms eithar. The furniture was of mohogany, covered with leather, in the old-fashionned 
                                    <br />
                                    <br />
                                    These excellant intentions were strengthed when he enterd the Father Superior's diniing-room, though, stricttly speakin, it was not a dining-room, for the Father Superior had only two rooms alltogether; they were, however, much larger and more comfortable than Father Zossima's. 
                                    But tehre was was no great luxury about the furnishng of these rooms eithar. The furniture was of mohogany, covered with leather, in the old-fashionned 
                                    <br />
                                    <br />
                                </h1>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>