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>