title: Show fixed width top bar on horizontal scroll
body: <p><strong>HTML</strong></p>
  <hr />
  <pre><code>&lt;div id=&quot;headers&quot;&gt;
      &lt;header&gt;
          &lt;div id=&quot;Logo&quot;&gt;
              &lt;img alt=&quot;SiteLogo&quot; title=&quot;KAS&quot; src=&quot;Images/kas.png&quot; /&gt;
          &lt;/div&gt;
          &lt;div id=&quot;LogoText&quot;&gt;Sample Site&lt;/div&gt;
          &lt;nav&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;HOME&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;ABOUT US&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li class='has-sub '&gt;&lt;a href=&quot;Products.aspx&quot;&gt;PRODUCTS&lt;/a&gt;
  
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Item 1&lt;/a&gt;
  
                          &lt;/li&gt;
                          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Item 2&lt;/a&gt;
  
                          &lt;/li&gt;
                          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Item 3&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;SERVICES&lt;/a&gt;
  
                  &lt;/li&gt;
                  &lt;li id=&quot;current&quot;&gt;&lt;a href=&quot;#&quot;&gt;ENQUIRY&lt;/a&gt;
  
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>Fiddle</strong></p>
  <hr />
  <h1><a href="http://jsfiddle.net/PGXc4/1/" rel="nofollow noreferrer">Demo</a></h1>
  <h1><a href="http://jsfiddle.net/PGXc4/1/embedded/result/" rel="nofollow noreferrer">Full Page Result</a></h1>
  <p><strong>Issue</strong></p>
  <hr />
  <p>As you can see in the <strong><a href="http://jsfiddle.net/PGXc4/1/" rel="nofollow noreferrer">Demo</a></strong> i'm not able to access the all the  menu but if it is in full page like <strong><a href="http://jsfiddle.net/PGXc4/1/embedded/result/" rel="nofollow noreferrer">Full Page Result</a></strong> i'am able to access all the menu's</p>
  <p><strong>Needed:</strong></p>
  <hr />
  <p>What I need is the following</p>
  <ul>
  <li>Header should be fixed to the top</li>
  <li>i need to scroll horizontally and access all the menus even if i change the width of the browser</li>
  </ul>