Question

Here is html+css: http://jsfiddle.net/xgXXN/

I want to orange (parent li) appear OVER green (nested ul). The green ul HAS TO be positioned absolutely because I don’t want it to stretch parent li.

I can’t find solution to this :(. The best would be just css modification not HTML if it’s possible.

Answer 1

Issue you are having is because you are applying the z-index to the li which is then also applying through to the child list of this li.

Try setting position:relative and z-index to the anchor instead.

http://jsfiddle.net/N62x8/