Ok well I have made my own Myspace layout and I really like it, I have a brushed metal background, and grey tables.

The only problem I am having is the white areas around the tables are not ment to be white but #333333 grey.

Can anybody help me out as what is needed to get this to be the right colour. I have tried and tried and am just getting stuck!!!

Here is a link to my myspace profile, hosko's myspace (http://www.myspace.com/hoskoau)

My code is this:

STYLE

body { background: url(http://web.mac.com/hoskoau/webpics/metal.gif); background-color=333333;
}
table table table td { background-color: CCCCCC; border: none; padding: 0; }
.nametext { color: black; padding: 5px; font-family:
Impact, sans-serif; font-size: 22pt; }
.text table tr td { background-color: 999999; }
.text table tr td p { color: 333333; }
.text td { color: 333333; }
a:link { color: 330000; }
table { background-color: 333333; border: none; padding: 0; }
table table { background-color: transparent; border: none; padding: 0; }
.whitetext12 { color: black; }
.lightbluetext8 { color: black; }
.orangetext15 { color: black; padding: 2px; }
/STYLE

Something like this should work.
Generated from Myspace layout generator (http://www.spacepimping.com/generators/myspace-layout-generator.php)

<style type="text/css">
body {background-color:; background-image:url(http://web.mac.com/hoskoau/webpics/metal.gif); background-position:Top Left; background-attachment:fixed; background-repeat:repeat;}
Table, Td { background-color:transparent; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {width:100%; background-color:CCCCCC; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:; border-style:none; border-width:; padding:4px;}
table table table table{ background-image:none; background-color:transparent; border-style:none; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
</style>
<a href="http://www.spacepimping.com/generators/myspace-layout-generator.php">Myspace layout generator</a>

That just makes the centre section transparent, so the metal gif shows through, I want the middle section to be #333333.

This is really frustrating lol