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

using negative margin is not a good practice. z-index:-1; works it just display the content on the background of another div :)