title: CSS, overflow auto, scrolling a DIV instead of whole page
body: <p>Simple example with div below another div, the first one displays a video with a 100% width, the other one's got some overflowing text inside.. all I want is to scroll the second div instead of a whole page:</p>
  
  <pre><code>&lt;div id="bot" style="overflow:auto;"&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/H7uhM/1/" rel="noreferrer">http://jsfiddle.net/H7uhM/1/</a></p>
  
  <p>//edit
  I removed z-index because it's a leftover from the master code.
  The height of video may vary, and that's why setting the #bot div to a constant height is not the solution. The video depends on a ration my have between 35%-50% of the page's height.</p>