Css 在Internet Explorer中，居中DIV显示在页面底部

我在Internet Explorer中的div有问题。我有一个三列布局，它在除Internet Explorer之外的所有浏览器（chrome、firefox、safari）中都能正确显示。在IE中，中间的div显示在页面底部，而不是侧边栏之间

几天来我一直在想问题出在哪里。我肯定这与我的CSS有关，但我不确定

任何帮助都将不胜感激

我的网站是：

下面是CSS：

div#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 1125px;
    text-align: left;
}

div#header {
    clear: both;
    height: 500px;
    margin-top: 0px;
    padding: 0px;
    border: 0px
}

div#navi {
    text-align: center;
    background: #FFFFFF;
    clear: both;
    height: 60px
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 10px;
    padding-left: 39px;
    border-bottom: 3px solid #FF0000;
    border-top: 3px solid #FF0000;
}

div#left {
    float: left;
    width: 320px;
}

div#right {
    float: right;
    width: 320px;
}

div#middle {
    padding: 0px 325px 5px 325px;
    margin: 0px;
}

---

我只包含了我认为与问题相关的部分，但如果有必要，任何人都可以在我的网站上随意插入代码

增加容器的宽度或减少一些边距

#middle
{
 padding: 0px 0px 5px 0px;
 margin: 0px;
 overflow: hidden;
 width: 485px;
 float: left;
}

---

你需要对div进行定位。左边的div没问题。在左div之后添加中间div，然后添加右div

---

添加<代码>浮动：左；宽度：400px；保证金：0到中间。并调整中间DIVs子元素的宽度

如何在不改变其他浏览器布局外观的情况下减少页边距？我发现您没有错误的页边距，但在这种情况下，您应该按照我在回答中显示的方式更改样式。