title: Scroll DIV Horizontally with Mouse Events
body: <p>I have a layout as follows:</p>
  
  <pre><code>&lt;div style="width: 300"&gt;
      &lt;div style="width: 300"&gt;Some Content&lt;/div&gt;
  &lt;/div
  </code></pre>
  
  <p>I want to be able to mousedown in the content DIV and be able to move it left to right, or scroll it in other words :)</p>
  
  <p>What would be the best way of being this?</p>
  
  <p>I would prefer it in JavaScript mainly :)</p>