Safari cutting off content at lower resolutions

For some reason on this site, Safari cuts off the bottom of the content (as in, doesn't render it at all) at resolutions lower than 1024x768. I can't replicate this issue in any other browser, and the only solution I've been able to find (which I've currently implemented) is to give the #content div a set height in Safari. The problem with this is the content is dynamic and largely shorter than its container, resulting in giant containers for little content.

Any help would be immensely appreciated. I've been staring at this for two days now and I'm at a l开发者_运维技巧oss as to why Safari is having so many problems with this. I've tried changing both the CSS and the jquery to fix it, but no dice.

---

This may be due to your CSS reset rule at line 38 in stylesheet.css

body,html{
    height:100%;
}

Also, see this: Stick Footer Issue in Safari & Chrome

Seems Safari handles with issues.

---

Looks like you're trying to just get it at the bottom right?

It seems this is what you're trying to do...or more suitably even position:fixed;bottom:0;

give the footer a fixed position, not sure what id/class you're using but:

footer {position:fixed;bottom:0;}

Oh also - you might want to just give the content div a margin bottom of the height of the footer, that should put the footer always at the bottom (it's getting cut off for me in mac safari) and also allow enough of a gap beneath the content if it goes beneath the footer.