css - CSS 容器 DIV 未扩展

Question

我已经研究了几个小时，这似乎是 IE 的问题，但我的问题是我有一个容器 DIV，在 IE9 中，它不会扩展并在大约 400 像素后切断所有内容。当然，Chrome 和 FF 可以完美运行。

容器 DIV

#main_container{
font-family: arial, verdana;
width: 920px;
top: 0;
margin-left: auto;
margin-right: auto;
background-color: #fff;
overflow-x: hidden;
}

页面容器 DIV

#page_container{
font-family: arial, verdana;
font-size: 14px;
width: 900px;
color: #000;
border: 0px solid;
overflow: hidden;
}

页面块的标准标记看起来像这样

<div id="main_container">
  <div id="page_container">
    Variable page data goes here
  </div>
</div>

我的 CSS 是否存在我遗漏的问题，或者我需要应用 IE hack？

更新的屏幕截图

IE9

铬/FF

Answer 1

中断可能来自“#page_container”中的“溢出：隐藏”。

你试过了overflow: auto吗？

Answer 2

感谢大家的建议和帮助，非常感谢。留了几根头发！

@crowjonah 的解决方案

尝试给 #main_container, #page_container { position: relative; 浮动：无；height: auto;} – crowjonah 2 分钟前

解决了这个问题。