html - 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-index をチェックして、何かがそれを覆っていないか、それらの線に沿って小さな何かがあるかどうかを確認しましたが、成功しませんでした。私の JavaScript にも影響を与えるものは実際には何もありません。これは IE9 でのみ発生し、position:fixed.