The issue I’m having is that multiple page types of my blog (index, single post, page) are displaying with different left and right margin sizes. I have a container div with a fixed width of 940px containing all the rest of the content on all pages. I have set the left and right margins of the container to auto. However, some of the page types display with left/right margin sizes of 250px/250px (which seems correct… I’m rendering on a 1440px-wide monitor), and the rest of the page types display with left/right margins sizes of 243px/242px. I can not figure out how to account for the additional 15px in width on these pages, since the container css dictates that it should be 940px wide exactly on all pages.

Interestingly, the pages that render with larger margins and the pages that render with smaller margins are not the same between firefox and safari… meaning that some pages that render with the wider margins in firefox render with the smaller margins in safari and vice versa.

The site is at [url=http://www.jordanevolves.com]http://www.jordanevolves.com[/url]

For anyone who comes across this post, the answer to this issue lies in the fact that some pages extend past the bottom of the viewport and thus cause a scrollbar to appear on the right side of the browser window, while other pages do not. Whenever you browse from a page without a scrollbar to a page with a scrollbar, all of the content is shifted to the left to accommodate the scrollbar. There is a hack (google “force vertical scrollbar”) but it seems not to work in firefox.