title: Scroll Issue scroll not working
body: <p>The idea is to have the banner and nav bar stuck to the top of the browser window which i don't want to scroll and the content underneath being able to scroll. The two sections of contentleft and contentright I want to have the same height even if the content isn't as big.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@charset "utf-8";
   body {
    margin: 0px;
    padding: 0px;
  }
  .banner {
    width: 100%;
    height: 125px;
    background-color: #034569;
    position: relative;
    top: 0px;
  }
  .nav {
    width: 100%;
    height: 50px;
    background-color: #235B79;
  }
  .contentwrapper {
    width: 100%;
    background-color: #aaaaaa;
    position: fixed;
    top: 175px;
    overflow-y: scroll;
  }
  #contentleft {
    width: 25%;
    height: auto;
    background-color: #034569;
    float: left;
  }
  #contentright {
    width: 75%;
    height: auto;
    background-color: #ffffff;
    float: right;
  }</code></pre>
  </div>
  </div>
  </p>