title: Scroll bar overlapping fixed DIV - Twitter Bootstrap
body: <p>I am using this bootstrap template for my new project ( <a href="http://www.bootply.com/render/96266" rel="nofollow">http://www.bootply.com/render/96266</a> )
  I am much satisfied with the design metrics, the only small problem I am facing is that the navbar which is static-top is overlapping the scrollbar.</p>
  
  <p>I tried changing navbar to fixed-top but still it overlaps the scrollbar.After lots of troubleshooting, I found out that .column class has overflow:auto and that is causing the problem.
  When I decided to use overflow:hidden / scroll / inherit but the result was not what I expected.</p>
  
  <p>Can someone help with this?</p>
  
  <pre><code>JSFiddle : http://jsfiddle.net/YHRwA/2/
  </code></pre>