Why z-index is not working for div?

Question

I am trying to get my footer to show on top of the footer background, but z-index seems not to be working. Does anyone see what is wrong with it? http://jsfiddle.net/f2ySC/

Answer 1

Is this the effect you are looking for? Updated example

I added position: relative; to #footerBack and .footerBox to enable z-index