Difficulty with Footer positioning

I am developing a site in Businesscatalyst. I want the footer to always remain a certain distance below the main content area which will vary in height. When I view the site in Chrome (Mac) it looks like I have achieved this, but not so in FireFox (Mac…).Please advise how to achieve this spacing across all browsers.


If your footer container is below the main content container, then:

margin-top: 20px; 

Or… If you don’t want a space between the two containers, then:

padding-top: 20px;