Div is getting cut off on long pages
I am having trouble figuring out why the dark gray div at the bottom of the page is getting cut off on long pages.
Long page: http://bit.ly/gLgj2Z
It appears just fine on short pages (albeit too high on the page).
Short page: http://bit.ly/gzUAUw
Is the sticky footer (the part in white at the very bottom which holds links and copyright info) causing the problem? I tried adding padding and borders in case this is a case of collapsing margins, but that didn't work.
EDIT: Okay, I just added a 30px bottom margin to #home-bottom-widgets and it seems to have worked. But I don't know if this is the correct solution. What will happen on other pages??