Layout Code Issues - Please HELP!

[Etagllim]

HELP NEEDED

Im trying to centre justify my tables in myspace and so that they are all the same width - so its just two neat equally sized collumns running down the centre of my myspace. This is the code i am using - can anyone see the problem? Cheers Guys.

<style type="text/css">
body{
background-color:rgb(238,238,238);
background-image:url("http://i141.photobucket.com/albums/r73/Etagllim/bowerful.jpg");
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
img{
border:0;
}
td, tr, div{
background-color:transparent;
border:0;
}
table{
background-color:transparent;
border:0;
}
table table{
background-color:transparent;
border:0;
}
table table table{
background-color:rgb(190,149,103);
border-width:6;
border-color:rgb(25,15,6);
border-style:double;
}
table table table td{
border:0;
}
table table table table{
background-color:rgb(190,149,103);
border:0;
}
body, div, span, td, p, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .blacktext10, .blacktext12 {
font-family:Arial;
font-size:12px;
color:rgb(35,21,1);
font-weight:normal;
}
.nametext{
font-family:Trebuchet MS;
font-size:22px;
color:rgb(103,1,3);
font-weight:bold;
}
.whitetext12, .orangetext15{
font-family:Arial;
font-size:16px;
color:rgb(103,1,3);
font-weight:bold;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color:rgb(68,1,2);
font-weight:bold;
}
a.navbar:hover, a.man:hover, a:hover {
color:rgb(6,105,37);
font-weight:bold;
text-decoration:underline;
}
</style>
<a href="http://www.xgenerators.com" target="_blank"><img src="http://www.xgenerators.com/adsource/cornerTag.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>

[MrWizard]

I tried adding the code below and it seems to work:

<style type="text/css">
table table table { width: 300px; }
table table td.text table, table table td.text table td { width: 100%; }
</style>