CSS 容器 DIV 不展开

Question

我已经研究了好几个小时了，这似乎是 IE 的问题，但我的问题是我有一个容器 DIV，在 IE9 中，它不会展开并在大约 400px 后切断所有内容。当然，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;
}

页面 block 的标准标记如下所示

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

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

更新的屏幕截图

IE9

Chrome /FF

Answer 1

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

你试过 overflow: auto 了吗？