I tried to copy 3 tables in a web page at: http://social-style.com/beta/ss.html

Inside this table is a picture, description and pay pal button (form). Since the fall in the #content section of the web page, looks like the width is being stretched to the width of #content (888px). As a result, the buttons are distorted

You can see how it is supposed to look from the old page I am revising: http://social-style.com/ss.htm#Social Style Self-Perception

Any suggestions on how to make this look right?

In your new worked-on page there aren't any of those three images showing. Are they supposed to display? And do you want that border around each of the tables?

Getting late here now, nearly midnight. I'll see what I can do tomorrow. Unless someone else beats me to it.

Remove the input from this.

Good catch, Eric! I obviously was too tired to find that last night.

I've made a suggestion on the formatting of the tables, see attachment.

Robert, basically I have transformed your html tables into css tables and written some new rules to the class table in the css file. If you like my suggestion, you should be able to use the ss.html and the css file I'm posting here as they are, as I've not changed anything else.

I've set the table width to 80%, which you can change, of course.

And mind you, you have to specify these two ul ID group_list on this page too. And all the other pages.