title: How to freeze pane/fix website header and horizontal nav bar?
body: <p>I currently have a banner/header as well as a horizontal navigation menu below this header that I would like to freeze pane/fix, so that any content below this header/nav just scrolls beneath it, always.</p>
  
  <p>FYI, I need it to work in IE8.</p>
  
  <p>I have setup the following skeleton structure of this as follows:</p>
  
  <pre><code>    &lt;div id="banner-nav"&gt;
        &lt;div id="banner"&gt;
          &lt;div id="nav"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="content"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>If it cannot be done on the above fashion, any other alternatives that would accomplish my requirement would be great.</p>