title: Issue with fixed header - no horizontal scroll
body: <p>I need to have header visible while user scroll page.
  I set header to be fixed position and it stays while scrolling but when I resize browser I don't get horizontal scroll bar so I can't see all items in navigation for example.</p>
  
  <pre><code>&lt;body&gt;    
          &lt;header&gt;
              &lt;div id="topHeader"&gt;
                  &lt;p&gt;test&lt;/p&gt;
              &lt;/div&gt;
                  &lt;nav&gt;
                      ... navigation items ...
                  &lt;/nav&gt;            
          &lt;/header&gt;
          &lt;div id="content"&gt;
              @RenderBody()
          &lt;/div&gt;    
  &lt;/body&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#content{margin-top:80px;}
  #topHeader{width: 100%; background: #262626; height: 40px;margin:0;}
  header
  {   
      width: 100%;
      position: fixed;
      top: 0;
  }
  </code></pre>