I have a web site called Theater Hopper (http://www.theaterhopper.com) that I am trying to pull out of tables and into <div> tags and css. I have one glaring problem that probably has a very obvious solution. I'm trying to center my design in the browser. It works fine in IE (although that's not saying much), but what I really want it to do is center in FireFox. I figure if I can get the site to look the way I want it to in FireFox, the other browsers will be a cake walk.

For an example of what I'm seeing in FireFox, go here:

In the style sheet body tag, I've tried everything from text-align: center; to margin: 0; to margin-auto... everything I can think of.

Does anyone have suggestions?