title: Nested div scrollbar
body: <p>I'm trying to get an inner div to show the y-axis scroll bar instead of the outer div.</p>
  
  <p>In the example, the outer div is scrolling which includes the menu which I don't want.</p>
  
  <p><a href="http://jsfiddle.net/TKDqT/6/" rel="noreferrer">http://jsfiddle.net/TKDqT/6/</a></p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>div#container
  {
          overflow: auto;
  
          width: 90%;
          height: 65%;
          position: absolute;
          top: 100px;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto -10px;
          padding: 10px;
  
          background-color: rgba(0,0,0,0.6);
          border:0px solid black;
          border-radius:15px;
  
          font-family: 'PT Sans', arial, serif;
          color:#ffffff;
          text-align:right;
          font-size:18px;
  }
  
  div#content
  {
          font-family: 'PT Sans', arial, serif;
          color:#ffffff;
          text-align:left;
          font-size:14px;
  }
  </code></pre>