Firefox Messes My Theme Up

In firefox, my website is all messed up. http://www.anthonysabilities.com/blog/

Here is a screenshot of what it looks like on Firefox.

This is what it looks like on all other browsers.

As you can see, it extends far down the page and has problems with overflowing out of the window. I want the visitor to not have to scroll the window itself, just the scrollable div within the table.

Here is the code for my home page:

[code moderated - use the pastebin for any code over ten lines]

I also have this in the header file:

<style type="text/css">
 body {width:100%; height:100%; overflow: hidden; overflow: -moz-scrollbars-vertical; padding:0; margin:0; border:0;font-size:80%}
 html {width:100%; height:100%; overflow:hidden;}

  body.extraWide {font-size:115%;}
  body.wide {font-size:95%;}

*>#post-td {max-height:530px;}
*>#scrollTest {max-height:530px;}
</style>

Any help in making my website look the same in Firefox as in Safari and any other browser would be appreciated. Thank you! 🙂