html - ウィンドウのサイズ変更/復元時に背景色が適用されない

Question

以下は私のヘッダーのコードです。問題は、ヘッダーの背景を#444width:100% に設定したことです。最大化ウィンドウで Web サイトを開くと、ヘッダーは期待どおりに表示されますが、サイズ変更ウィンドウでサイトを表示すると、ヘッダーの背景色がサイズ変更に制限されます。右にスクロールしたときではなく、ウィンドウサイズ。私の色がヘッダー全体に適用されるように、この問題を修正する方法を教えてください。

#hea {
    background: none repeat scroll 0 0 #2C3033;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #0C0E0F;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    height: 55px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.rap {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

<div id="hea">
    <div class="rap">

        <span style="margin-top:4px;" id="slogan"><img alt="Logo" src="Logo3.png"></span><!-- end of #slogan -->


        <ul id="navy">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>


        </ul><!-- end of #navigation -->




    </div><!-- end of .wrapper -->
</div>