title: Fixing the horizontal scrollbar of a div to the bottom of a page
body: <p>I have a table which goes longer than the length of the page rendered on the browser. That table is placed within a Div which is like</p>
  
  <pre><code>&lt;Div style="width: 100%; overflow: auto;"&gt;
  </code></pre>
  
  <p>As a result, when the contents of the page exceed the width of the table, I will have to scroll the page down using the browser scroll bar to look at the horizontal scroll bar that appears at the bottom of the above div.</p>
  
  <p>I want to always fix the horizontal scroll bar of the div at the bottom of the page. So that I can scroll to the right of the table even without scrolling down.</p>
  
  <p><a href="http://jsfiddle.net/L8msx/5/" rel="nofollow noreferrer">Here</a> is a sample in jsFiddle</p>
  
  <p>How will I do this?</p>