title: CSS overflow-y: visible, overflow-x: hidden
body: <p>I have read this <a href="https://stackoverflow.com/questions/15970937/css-overflow-x-hidden-and-overflow-y-visible">CSS overflow-x hidden and overflow-y visible</a> (and a lot of other posts) but i can't get this to work in my specific case.</p>
  
  <p>I'm using ths <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">slick-slider</a> and want to add dropdown-navigation. so i have to use a special markup.</p>
  
  <p>The dropdown should overflow the slider.</p>
  
  <p>I recreated the problem in the <a href="https://jsfiddle.net/bejg1nqq/1/" rel="nofollow noreferrer"><code>fiddle</code></a></p>
  
  <p>Thank you for your help!</p>