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.

I'm stuck.

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??