title: Diagonal overflow scroll not working on chrome nor opera
body: <p>Container(div) with set dimensions(constant), hides overflow(table). The diagonal scroll works fine on firefox and safari but chrome and opera do not scroll both dimensions at same time. Why?</p>
  
  <p>fiddle:
  <a href="https://jsfiddle.net/coolcatDev/kd75zyzk/1/" rel="nofollow">https://jsfiddle.net/coolcatDev/kd75zyzk/1/</a></p>
  
  <p>html:(for simplicity only one row->no y-overflow)</p>
  
  <pre><code> &lt;div class="wrap"&gt;
   &lt;table&gt;
   &lt;tr&gt;
      &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
          &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
          &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
          &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
          &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
          &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt; 
      &lt;td&gt;50&lt;/td&gt;
    &lt;/tr&gt; 
    &lt;/table&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.wrap{
    height:300px;
    width:300px;
    overflow: scroll;
  }
  </code></pre>