Resizing browser fixes CSS formatting problem

...paragraph formatting broken on initial download

[Storyman]

When the page downloads some of the paragraphs lose their formatting. When the browser is resized all of the formatting is corrected. This problem occurs in both IE and FF.

The loss of formatting forces the paragraphs to appear flush with the left edge of the browser. The right margin remains correct.

Refreshing the browser with F5 does NOT correct the problem. Using F11 to hide the menu and toolbar DOES make the problem go away.

To add a twist to the problem the <h2> headings always format correctly. So if a series of paragraphs are broken and appear flush left with the browser, the <h2> code will correct things so the next few paragraphs are okay...but at some point the paragraphs break and once again become flush left with the browser.

What would cause the formatting of paragraphs to suddenly vanish?

Could a solution be to redisplay the page without reloading it? If so, how can this be done?

[tedster]

How's the validation, both css and html?

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

[Storyman]

That's the REALLY frustrating part--both validate!

[tedster]

I would make a copy of the page and then start removing elements one by one to zero in on the minimum you need to see this behavior.