html - Div は IE8 でブラウザーの 100% 幅にならない

Question

画面の全幅に合わせたい div があるので、次のコードを使用しました。

.top {
    position:absolute;
    background-color:#3d7294;
    width: 100%;
    height:150px;
    z-index:-999;
}

しかし、問題は、Web サイトの残りの部分を中央に配置し、IE の「トップ」div が左上からではなく、メイン コンテンツに使用する中央の div の開始から始まることです。

これは、Chrome と FF でどのように表示され、どのように表示されるかを示しています。

それに影響を与えていると私が考えることができる唯一のことは、私のメインのdivが持っていることです:

.all {
    width:960px;
    margin:0 auto;
}

しかし、私の "トップ" div は "all" div の外にあるので、影響を受けるとは思わなかったでしょう。

これが私のコードのフィドルです。