title: Overflow a list inside a div of which overflow:hidden
body: <p>I have a div and that div has a height of 200px. Inside the div there is text and I don't want the div to have scrollbars therefore I've set overflow:hidden.</p>
  
  <p>Now, inside that div there is a also a list, acting as a dropdown box. When you click on the list/dropdown box, I want it to come on TOP of the main div.</p>
  
  <p>Here is an example with the main div to overflow:hidden:</p>
  
  <p><img src="https://i.stack.imgur.com/iUa3j.jpg" alt="enter image description here"></p>
  
  <p>And this is an example without overflow:hidden. So I want the following but the text not overflowing.</p>
  
  <p><img src="https://i.stack.imgur.com/FHAIL.jpg" alt="enter image description here"></p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/w8kQA/" rel="noreferrer">http://jsfiddle.net/w8kQA/</a></p>