Hey guys, I am new to CSS and am having problems getting my new page to display in IE7 specifically, but im sure IE in general is messing up. Firefox and Safari work fine. IE just throws my alignments all off. ANY advice would be greatly, greatly appreciated. The site is at www.moosecreeksauce.com the CSS code is:
Well, you have a carriage return before your doctype, that could be tossing IE into quirks mode... you appear to be padding in content with - a total waste of code that might give different widths in different browsers/system metrics, etc, etc. Though whatever your problem was I assume it was fixed since from here the page looks identical in IE 6&7, FF, Opera and Saffy.
Another thing I'd do is use the universal selector to kill the margins and padding on everything, not just the top margin (this way you can remove all those margin: 0; padding: 0; declarations and just give margins and padding to those elements that need it).