title: Css drop down/up menu with margin bottom
body: <p>I've got a simple dropdown css menu, which is positioned in the footer and with upwards direction - fiddle: <a href="http://jsfiddle.net/RmTpc/11/" rel="nofollow noreferrer">http://jsfiddle.net/RmTpc/11/</a></p>
  
  <p>i would like for opened menu to have some bottom margin from the main li ("Items"), but when i apply <code>margin-bottom: 30px</code> to the <code>ul.dropdown ul</code>, opened menu dissapears on hover.</p>
  
  <p>I've googled and also tried answers from stackoverflow: </p>
  
  <p><a href="https://stackoverflow.com/questions/11042471/drop-down-menu-with-margin-top">Drop down menu with margin-top</a></p>
  
  <p><a href="https://stackoverflow.com/questions/8322663/how-to-use-top-margin-with-css3-drop-down-menu?lq=1">How to use (top) margin with CSS3 drop down menu?</a></p>
  
  <p>but can't get it to work. Any help appriciated, thanks :)</p>
  
  <p>EDIT: Sorry, posted wrong fiddle before, updated the link above.</p>