title: Chrome is auto hiding vertical scroll bar
body: <p>I have a problem.</p>
  
  <p>Basically, I have 3 divs, one main container, and two divs, that will be half the width of the main container like so:</p>
  
  <pre><code>&lt;div id="main"&gt;
      &lt;div id="col1"&gt;&lt;/div&gt;
      &lt;div id="cold2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  #col1 {
    overflow-y: auto;
    width: 48%
  }
  #main {
    width: 100%
  }
  #col2 {
    width: 48%
  }
  </code></pre>
  
  <p>It seems that, the problem is that every time I dynamically add content to Col1, and i am expecting a scrollbar, chrome creates it, but hides it. So i have to go to the element and start scrolling via wheel in order to see it.  Is there a way to over ride it?</p>