Tables sizes wrong? Options

[Nyarlathotep]

Hey all, ok finally got my site to a point in happy with it. I sent the link to a few friends on myspace to see what they thought and they added themselves. Only problem is the "Michaels Friends Space" bar is VERy wide, i have set all tables to 550px wide with this code

CODE

table table table table{width: 550px; border:0px}

Which widened the tables to take up more space like i wanted, but it if you look at my friends pictures on my site they all seem to be 550px apart from each other instead of just the table being 550px. I tried to put in a code to make a scroll bar for my friends but it also put their comments within the scroll bar and it didnt look right. Anybody know what i have done wrong?

Thanks guys,


www.myspace.com/here_be_mike


The code im using is this (Sorry if its a bit jumbled i dont know how to put comment tags into CSS):

CODE

</div>

<z>
<style type="text/css">.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url("http://myspace-663.vo.llnwd.net/00271/36/62/271252663_l.gif");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}</style>

<style type="text/css">
.hidethem {visibility:hidden; display:none;}

.blacktext12 {visibility:hidden; display:none;}
table table table[height="75"]{visibility:hidden; display:none;}


</style>



<style type="text/css">
/*Created using MyGen 2.5 - www.mygen.co.uk*/

/*Background Properties*/
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
    background-image:url('http://i20.photobucket.com/albums/b229/lone_flame2/greenstuff.jpg');
    background-attachment:fixed;
    background-repeat:repeat;

/*Scrollbar Properties*/
    scrollbar-face-color:335533;
    scrollbar-highlight-color:DDFFDD;
    scrollbar-3dlight-color:DDFFDD;
    scrollbar-shadow-color:335533;
    scrollbar-darkshadow-color:335533;
    scrollbar-arrow-color:DDFFDD;
    scrollbar-track-color:335533;
 }

/*Table Properties*/
table table { width: 850px; border: 0px }

table table table table{width: 550px; border:0px}

table table table {
       background-color:black;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
       width: 550px;
    border-style:double;
    border-width:3px;
    border-color:DDFFDD;
     }

/*Text Properties*/
table, tr, td, li, p, div { font-family:georgia; color:DDFFDD; font-size:12px; font-weight:bold;    }
.btext { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;    }
.blacktext10 { font-family:georgia; color:DDFFDD; font-size:9px;     }
.blacktext12 { font-family:georgia; color:DDFFDD; font-size:9px;     }
.lightbluetext8 { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;   text-decoration:underline; }
.orangetext15 { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;   text-decoration:underline; }
.redtext { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;    }
.redbtext { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;    }
.text { font-family:georgia; color:DDFFDD; font-size:12px; font-weight:bold; font-style:italic;   }
.whitetext12 { font-family:georgia; color:DDFFDD; font-size:14px; font-weight:bold;   text-decoration:underline; }
a:active, a:visited, a:link { font-family:georgia; color:DDFFDD; font-size:12px; font-weight:bold;    }
a:hover { font-family:georgia; color:FFFFDD; font-size:12px;     }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:georgia; color:DDFFDD; font-size:12px; font-weight:bold;    }
a.navbar:hover { font-family:georgia; color:FFFFDD; font-size:12px;     }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:georgia; color:DDFFDD; font-size:12px; font-weight:bold;    }
a.redlink:hover { font-family:georgia; color:FFFFDD; font-size:12px;     }
.nametext { font-family:georgia; color:DDFFDD; font-size:16px; font-weight:bold; font-style:italic;  text-decoration:underline; }

/* Miscellaneous Properties*/
img { filter:none;}
a:link img { filter:none;}
a:hover img { filter:Alpha(Opacity=100,  FinishOpacity=0,  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0);}
table td div div font {visibility:hidden;}
</style>

</div>

[coldtrance]

well you set it so that all of your tables are the same size. and on myspace the friends space with stretch itself to the size you put. which means that all of the pitcures will spread out so that it fills the same amount of space that it used to before the table was enlarged. your best bet be would be to make a special table command for just your friends space and make it a smaller table.