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/
On footerBox set the position attribute to absolute Your new code should read as follows
position
absolute
.footerBox { background-color: #FFFFFF; border: 10px solid #DDDDDD; margin: 10px 0 -200px -10px; width: 1185px; z-index: 1000; position: absolute; }
See a demo here
Using position: relative also works
position: relative