IE9位置：固定对象出现并间歇消失

Question

所以我的标记有点像这样：

<div id="stage">
    <div id="stageHeader">
        <h1>header text</h1>
        <a href="#"><img src="something.png" alt=""/></a>
    </div>
    <p> blah blah blah content blah blah</p>
</div>

演示：http://jsfiddle.net/JsUW3/

我将#stageHeader的内容设置为固定位置，以便在整个舞台上填满并允许滚动这些对象保持原位。一切都很好，在任何浏览器中都不会移动，包括IE。

有趣的是，在IE9中，如果我向下滚动页面，#stageHeader的内容将会出现并消失但不会移动。

在应用程序的某些其他部分，您根本看不到<h1>，但如果您将鼠标移动它会间歇性地出现，但会再次消失。

我不能为我的生活弄清楚这里发生了什么。我已经检查了所有周围元素的z索引，看看是否有什么东西覆盖了它或者那些沿着这些线条的小东西但是没有成功。我的JavaScript中没有任何东西可以影响它，它只发生在IE9中，并且仅在设置为position:fixed时才会出现。