CSS error with position and overflow on all browsers

I have set up a scrollable div that until recently was scrolling and now appears to be jammed at the top. The only difference is the addition of position: relative;.

Here is a FIDDLE

http://jsfiddl开发者_如何学Pythone.net/PMzcB/

Any ideas why?

Change z-index to a positive value.

The z-index:-1; was the problem.

http://jsfiddle.net/PMzcB/13/