CSS for footer full width of screen
Getting a footer to go the full width of a screen is a painful exercise if you have never done it or have only done it a few times. After doing a lot of searching on the internet for a div and css solution followed by 2 hours of playing around I have found one that works in all browsers including Internet Explorer, FireFox and Safari. It is CSS 2.0 compliant code so it may not work on older browsers.
CSS Z-Index Issue Firefox
When attempting to do layers with div tags you will want to use the z-index tag. The problem with this is you cannot forget to add the position: fixed,absolute,static,relative tag. The reason for this is that there is no way for the browser to identify what object is to be layered and in what order. Failing to do this will mean that in Firefox, IE and Safari you will not get the desired outcome.
