HELP!!!! Tables are stretching off screen!

Hey I need some help! I'm using the iPhone template and it all looks great, however, on some pages, the tables fit fine within the screen, but others don't. For example, check out www.redstaindesigns.com on an iphone.

The content goes off screen. Any way I can fix this???

Is anyone going to help me??

Someone please help me...

Is the table hardcoded in content or generated by an extension?

it's hard coded, but it's ruled by percentages, not pixels, so the tables should adapt, shouldn't it?

Percentages set "minimal" width, but actual width could be larger because of content inside cells.

For example, at www.redstaindesigns.com/clients you have a menu (ul-list) in left column, but menu items have "white-space: nowrap;" rule. You can fix it by "ul li a {white-space:normal}" in css/custom.css in template, but you have facebook iframe in the right column that has fixed width of 300px.

As to me, I wouldn't use table layout on mobiles at all. You could make different layout for mobile with Mobile Content plugin.