title: overflow scrolling with no scrollbars
body: <p>How do I create a div that has a max width/height but instead of having scollbars have nothing yet still be able to scroll? (usually done via mouse wheel, selecting text and moving the mouse down or arrrows down)</p>
  
  <p>I tried hidden but that doesn't let me scroll. The other options either doesn't allow it to have a max hight or puts scrollbars.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/dU3bB/" rel="nofollow">sample demo</a>. I'd like to have no scroll bar but be able to see eof. </p>
  
  <pre><code>&lt;div id=main&gt;
      Text text text text text text text text...
      Text text text text text text text text...
      eof
  &lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>#main {
      max-height: 400px;
      /*overflow: auto;*/
      overflow: hidden;
  } 
  </code></pre>