Please help uncover odd bug!

I have a very odd problem. When a page is loading in Firefox, the text content area overflows the parent div's and forces horizontal scroll bar in a browser.

Resizing the window or refreshing causes the browser to redraw everything correctly, leaving proper padding between the text and the containers (there are several nested div's there). I have only seen this in Firefox, no other browser exhibits this, across all available to me platforms (Mac, Linux, Win). Sometimes it does not happen at all, other times it happens a lot, on almost every page of the site (all pages are handled by the same php script that just places content into the div's).

Sometimes the entire content div gets pulled all the way down below the menu div on the left, instead of fitting on the right or overflowing. See screenshots and link for examples.

Here is the link to the most-often guilty page, and all the pages linked from it:

http://verkoso.com/on-diamonds/

I am including screenshots as well, snapshot4 shows overflowing, snapshot1 shows content underneath the menu instead of on the right of the menu, ff-mac-r shows another example of overflowing, on a different computer than the first one. You can see they overflow by different amounts.

Please help pin this bug!

Attached Images

	snapshot4.jpg (87.0 KB, 3 views)
	snapshot1.jpg (44.8 KB, 4 views)
	ff-mac-r.jpg (204.2 KB, 6 views)

weird. Works fine in firefox for me.

__________________
echo "Take it easy, ".$CloudedVision;
.links { site: other-road-design; blog: only-nerds-allowed; project: resource-fish; project-2: kapp; }
<quote>&quot;I think it's wrong that only one company makes the game Monopoly&quot; - <name>Steven Wright</name></quote>

Nothing surprising about that.

You used tables as positioning elements but did not define width or relative width.

A better way would be to get rid of the tables altogether.