title: Scroll div instead of page
body: <p>I have a lightbox of sorts on a website I am working on which acts like a "View Source" button. The background goes dark and the source appears but will only scroll if you have your mouse over that particular <code>div</code> (or in this case <code>pre</code>). I want to able to, for example, have my mouse in the top corner of the page and scroll down and I want the main lightbox to scroll. There's loads of code so I've used:</p>
  
  <pre><code>overflow-x: hidden;
  overflow-y: scroll;
  </code></pre>
  
  <p>I'm sure it will require some JavaScript or jQuery, but I've no idea where to being.</p>
  
  <p>It's in oporation on <a href="http://css3framework.co.uk/" rel="nofollow">this page</a> when you scroll down and click 'View Full Code'.</p>
  
  <p>Any ideas?</p>