title: Menu scroll horizontal - overflow-x overflow-x issue
body: <p>i spend some time to make a menu horizontal scrolling. So i tried this:</p>
  
  <pre><code>white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  </code></pre>
  
  <p>Problem is that "overflow-y" is now automatic set to "auto" how i found out here, and so dropdowns don´t show.</p>
  
  <p><a href="https://jsfiddle.net/crunky/fcjg036s/1/" rel="nofollow" title="DEMO">DEMO </a></p>
  
  <p>I search all stackoverflow and tried everything like parent element with overflow:auto; and so on but nothing works for me fine :(</p>
  
  <p>Is that possible with CSS or is there maybe a better jquery solution?</p>
  
  <p>Thanks!
  Best Regards
  Marco</p>