Jquery Accordion/CSS Issue

All I want is, at the example which can be found here, is the grey box which appears when you click on the 'how to' box to remain ABOVE the elements below. I have been trying to play with z-index but it doesn't seem to work.

I don't really want it to push the other elements out of position when opened, which happens if I remove the height attribute from the pa开发者_StackOverflow社区rent li, just to expand out as it does, but above everything else.

Must be a z-index solution but I couldn't seem to find it.

Add position: relative to the acitem class which should do the trick