I have a page in which I have a fixed footer that scrolls with the page, however on the page there is a Javascript slideshow, as the slideshow loads in a new image, it loads it over the fixed footer.
The page in question is this one: http://mysterybox.co/signalnoise/. Scroll down to see problem.
Screenshot of the offending effect: 
Can anyone give me any advice? I thought I may be able to fix it with a z-index but that didn’t work.
add
z-index: 2;to#footerwidthEDIT:
same goes for
#headerwidthEDIT2:
per ThinkingStiff’s suggestion, you may also consider replacing the margin-bottom attribute of the footer with a padding-bottom attribute.