Footer issue

Hi All,

I am working on a webpage using responsive twitter-bootstrap, I have made my footer and the view of this footer is perfectly OK in Chrome and IE but in firefox a big gap is coming in bottom I trying to fix this issue but not getting any solution.

1 more thing when I looking with view of this page in Mobile view like size 480, 640 big gap is coming in bottom in all browsers.

here is the link on this page.

Screen shot in different browsers:

please have a look and let me know the solution for this…


Firefox has issues with the bottom margin on the footer and the bottom margin of the .privacy paragraph.

footer {
padding: 26px 0 [COLOR="#FF0000"]38px[/COLOR] 0;
background: url(../images/footer.jpg) 0 0 repeat-x;
color: rgb(142, 142, 142);
display: block;