[Digital Jedi]

I'm having trouble getting a DIV to align to the bottom of the browser window in FireFox. It's a container that holds all the forum content. It starts wrapping at the top of the header template and closes off in the footer template just before the bit of Javascript that comes at the end. It's perfectly flush in the top margin, but nothing makes it flush at the bottom of the forum in FireFox. Works fine in IE.

I've tried everything from setting a negative margin for the bottom of the container to setting a 100% height to the body and to the container. Setting the html to 100% only seemed to make things worse. I've tried an absolute position, cleared floats on both sides. I'm at a loss as to what to do.

 #dj_container {width:90%; height:100%; background:#33414B; margin:0 auto 0 auto; padding:70px 20px 0 20px;}

This is the last thing I've tried as of posting this, with the body set to 100% height.