I am very new to using CSS to replace the old <table> elements. I started with an existing CSS template and edited it to fit my requirements. Now the site (http://www.syntroninc.com) will display properly in IE8/FF 3.5/Chrome, but won't in IE7.
I don't know if it's a width issue, but I would like any feedback on what I can do with the CSS or the HTML to fix this.
Thanks.
*edit: You can recreate the IE7 bug by using compatibility mode in IE8. Oh the irony.
I took a look at your code and you really should rebuild the site from the ground up. I understand that you're new to this entire process, but your code is like spaghetti. Inline styles and formatting. You need to remove all of that. The design is fairly simple and could be redone in a few hours. Then you would have a page that is flexible and less prone to breaking.
You really need to just sit down with a pencil and paper and rethink how you're doing this, most of the design elements in this site could be accomplished with one background image and a couple container elements. I personally would just forget about how the table is structured and just go from the ground up.