HTML tables float to upper left corner

My template is split into two divs, a menu div on the left side(1/3) and a content div on the right 2/3. I have some tables on the content div that used to position themselves correctly in the 0.9 modx release, but now they position themselves on the far left side of the page, overlapping the menu panel. Any ideas? I haven’t changed the template in months, but the web host upgraded the modx release to 1.0.2. If this is the wrong forum please redirect to the right one. the offending page is at:

http://www.stcons.org/index.php?id=8

Thanks

it’s your http://www.stcons.org/assets/snippets/wayfinder/examples/cssplay/flyout_revisited.css
file that cause this. comment out the position:absolute; from the table rule.

actually you are using this css file in your menu didn’t notice that.
instead of doing the above add "position:relative;" to your http://www.stcons.org/assets/templates/StCons/css/stcons_template.css

Quote from: sinbad at Feb 23, 2010, 10:30 PM

actually you are using this css file in your menu didn’t notice that.
instead of doing the above add "position:relative;" to your http://www.stcons.org/assets/templates/StCons/css/stcons_template.css

.homeCenter table{page-break-before:auto;
position:relative;
width:50%;}

That was the ticket! Thanks.