Цвет фона не применяется при изменении размера/восстановлении окна

Question

Ниже приведен код моего заголовка. Проблема в том, что я устанавливаю фон моего заголовка на #444 и ширину: 100%, когда я открываю сайт в окне максимизации, тогда заголовок выглядит как ожидалось, но когда я просматриваю сайт в окне изменения размера, тогда цвет фона заголовка ограничивается измените размер окна, а не когда я прокручу вправо. Пожалуйста, дайте мне знать, как исправить эту проблему, поэтому мой цвет относится ко всему заголовку.

#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> 

Answer 1

нашел решение сам:

Я должен добавить min-width; CSS свойство csscode моего заголовка в