I am redesigning my website and I hit a little snag that I can't find a solution for. In FF, IE8 and IE9, and Safari my site looks exactly the way I want. I merged my main website pages and my blog into one seamless look. The margins are perfect in all browsers, including ie7, for my main website pages (for example, http://www.marcanthonyphoto.com/new/contact.htm) but there is an extra margin for my blog posts (for example, http://www.marcanthonyphoto.com/wordpress1/?cat=5). I am really stumped and extremely frustrated. Can anyone help? Below is my css stylesheet (which is the same for both my main pages and blog). There is a lot to the code but the blog posts, etc are inside the "container" style. Also, you can see my php codes for the header (navigation drop down menu) and the archives (the page that appears when you click on an option from "the Blog" menu).