OMG WTF this looks like CRAP!
yes... it does... it's not supposed to look GOOD
it's supposed to give people an idea about what the myspace table structure looks like.
look carefully at the code in teh meet section
see how all the TABLE's are styled with a solid border and all the TD's are styled with a dashed border? each with different colors so you can visually see how teh tables are layed out...

how is this useful?
well think of it this way... if you want to hide one of the gray tables, you have to also hide all the other gray tables (teh table table table), unless you can come up with a trick to bring back the one you want to bring back, but dont worry about that just yet... that's done with the built-in classes that myspace has.

I've also highlighted the SPAN's on teh page... to give you an idea of how you can easy hide all those things... with span {display:none;} - most of the spans have a class assigned to them which you can use to hide them individually by name.


myspace added some span.text classes too.... i put a 10px blue groove border around all of them so you will be able to see where there are.... see them?
i wish i could figure out why on earth they added them... they are doing wierd things to some of the premade overlay profiles


in addition, look at this profile in IE and FF and compare. you will see some major width differences. that's because IE uses the traditional model and FF uses the W₃C model, and apparently IE doesnt like width being set to 100% (lame).

.a {black boxes around all the new myspace classes}
.interestsAndDetails,
.userProfileURL,
.userProfileDetail,
.userProfileSchool,
.userProfileNetworking,
.userProfileCompany,
.ExtendedNetwork,
.latestBlogEntry,
.blurbs,
.friendSpace,
.friendsComments,
.contactTable,
.profileInfo {border:5px black solid;}

div table {border:4px black solid; width:100%; margin:2px;}
div table table {border:4px green solid;}
div td {border:2px blue dashed;}
div td td {border:2px orange dashed;}

table {border:4px blue solid;}
table table {border:4px limegreen solid; margin:3px;}
table table table {border:4px gray solid; margin:3px;}
table table table table {border:4px red solid; margin:3px;}
table table table table table {border:4px lawngreen solid; margin:3px;}
table table table table table table {border:4px lightblue solid; margin:3px;}

td {border:2px blue dashed;}
td td {border:2px limegreen dashed;}
td td td {border:2px gray dashed;}
td td td td {border:2px red dashed;}
td td td td td {border:2px lawngreen dashed;}
td td td td td td {border:2px lightblue dashed;}

td td.text {border:2px blue dotted;}
td td td.text {border:2px limegreen dotted;}
td td td td.text {border:2px gray dotted;}
td.text td.text {border:2px orange dotted;}

div {border:3px dodgerblue solid; margin:2px;}
div div {border:3px black solid;}