I have a box shadow effect on a container. The shadow displays correctly in chrome but in Firefox and IE9 the shadow doesn’t clear the footer. I’ve tried playing around with the values in the container, used em instead of px but I still can’t get the shadow to allow correctly in all browsers.
It was looking fine in Chrome because each browser is going to render line-height and fonts just a little bit differently. So Firefox was adding too much height to the line-height causing your container to be too short.