Gap under sticky footer

Question

My sticky footer works on the "Our Story" page and Hurricane Shutters pages in Safari, but there is a white gap in Firefox and Chrome. Any help is appreciated. the link is www. sloanhp.com.

Answer 1

You have an unnecessary extra <p></p> in your footer whose margin and padding is causing the gap.

Answer 2

Set the css of your footer to:

.footer {
position:fixed;
bottom:0;
}

That's saying you meant your really want a sticky footer. Right now, it is just at the end of your content.

The blank paragraph tags won't matter as it is a child of the main .footer class which has a black background.