title: How to make CSS menu to open menu in in up direction rather than default down direction
body: <p>I have similar CSS base menu which by default pops down i am not sure which property to change so that menu Pops up in UP Direction. more like a drop-up Menu
  I have put some code of jsFiddle</p>
  
  <p><a href="http://jsfiddle.net/EAE4m/" rel="nofollow">http://jsfiddle.net/EAE4m/</a></p>
  
  <p>I would appreciate help on this. I have looked for similar example could not find one which fits in my scenario. </p>
  
  <p><strong>UPDATE</strong>:
  Solution <a href="http://jsfiddle.net/EAE4m/45/" rel="nofollow">http://jsfiddle.net/EAE4m/45/</a></p>
  
  <pre><code>li ul {
  display: none;
  position: absolute;
  width:100px;
  bottom: 18px;
  left: 0;
  margin-left:-1px;
  }
  </code></pre>