title: Elements with opacity < 1 not rendering in chrome when not in first column
body: <p>I have a site that gets divided into multiple columns. Whenever an element is not in the first column and has opacity set to &lt; 1, it doesn't get rendered when its container has both the overflow y and border radius properties.</p>
  
  <p><a href="http://jsfiddle.net/tnyj3mtc/2/" rel="nofollow">Shown in this fiddle</a></p>
  
  <p>css</p>
  
  <pre><code>.main {
      -webkit-column-width: 100px;
      column-width: 100px;
      max-height: 200px;
  }
  
  .main &gt; div {
      overflow-y:auto;
      border-radius: 6px;
  }
  .opac {
      opacity: 0.5;
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;div&gt;
          &lt;div class="opac"&gt;element 1&lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;div class="opac"&gt;element 2&lt;/div&gt;
      &lt;/div&gt;
      ...
      &lt;div&gt;
          &lt;div class="opac"&gt;element 30&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm using chrome 40.0.2214.94 (64-bit) on OSX 10.10.1. Works in Firefox.</p>