title: "overflow-y: scroll;" is hiding overflowing elements on the horizontal line
body: <p>I have a <code>parent</code> div that contains an absolute positioned <code>child</code> div.</p>
  
  <p>The <code>child</code> div is positioned outside the initial boundaries of <code>parent</code> div. It was rendering normally without any problems.</p>
  
  <p>I added an <code>overflow-y: scroll;</code> to the <code>parent</code> div, and now the <code>child</code> element is hidden despite adding <code>overflow-x: visible;</code>.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#parent{
       position: relative;
       overflow-y: scroll;
       overflow-x: visible;
  }
  #child{
       position: absolute;
       left: -50px;
  }
  </code></pre>
  
  <p>Also a <a href="http://jsfiddle.net/ajwnY/" rel="noreferrer">Fidle</a></p>