title: overflow-x: visible; doesn't work with overflow-y: auto; any workaround?
body: <p>i am trying</p>
  
  <pre><code>.item {
     width: 100px;
     overflow-x: visible;
     overflow-y: auto;
  }
  </code></pre>
  
  <p>But vertical overflow:auto seems to override horizontal's</p>
  
  <p>fiddle: <a href="http://jsfiddle.net/xcUTV/" rel="noreferrer">http://jsfiddle.net/xcUTV/</a></p>
  
  <p>Is there any workaround for this? even with a bit of javascript</p>