Layout CSS question

[idslamyou]

I've created some background images for layouts with a shaded area down the middle of the picture. I am running into problems when large(wide) images are on users profiles. The tables expand paste the borders of the shaded area. Is there any way to keep the tables lined up? I have posted a screenshot as an example.

http://www.sendmeimages.com/out.php/t46974_screenshot.jpg (http://www.sendmeimages.com/show.php/46974_screenshot.jpg.html)

[omen]

It's generally caused by large comment pictures, or long text words like:

"I LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OOOOOOOOOOOOOOOOOOOOOOOOOOOVE YOU"

which causes the tables to stretch out.

To get around this, you need to place this code:
<div style="height:400px;width:450px;overflow:auto"> <table><tr><td><table><tr><td>

Right at the end of the "I'd Like To Meet" section, which in turn puts your friends, and comments in a scrollbox div container.

[idslamyou]

Is there code used in the about me section that will work? Usually the end user only pastes codes from MSRS sites in the "about me" section.

[Tenche]

table, tr, td, table table, table table td
{
margin-right: 0px;
_margin-right:0px;
margin-left: 0px;
_margin-left:0px;

border-width: 0px;
background-color: transparent;
font-size: 11px;
color:;
line-height: 16px;
}

Hope this helps
Ad this into your style code.

Edit the margin left and right and keep checking your page to see what it looks like every time you edit it. the _margin left and right is for IE and windows browsers. If you want to mix compatibility. Or if you are just working on windows and do not care about mac take _margin left and right out and just work with the original ones.

Also widening your background image makes it easyer.

or add Width: 200px; I dunno mess around.