title: nested ul positioned absolute under parent li
body: <p>Here is html+css: <a href="http://jsfiddle.net/xgXXN/" rel="nofollow">http://jsfiddle.net/xgXXN/</a></p>
  
  <p>I want to <code>orange</code> (parent li) appear OVER <code>green</code> (nested ul). The green ul HAS TO be positioned absolutely because I don't want it to stretch parent li.</p>
  
  <p>I can't find solution to this :(. The best would be just css modification not HTML if it's possible.</p>