creating a transparent table

[mariahizflantastic]

How can I create a transparent table for the following HTML CODE.
I have everything layed out like I want but the tables are not transparent. can you guys help me fix the code. what lines so I have to change. and what should I write in those lines.


here is the code:

<style type="text/css">


table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:400E05;
background-image:url(http://c.myspace.com/Groups/00014/02...080820_l.gif);
background-attachment:fixed;
background-position:top left;
background-repeat:no-repeat;
border-color:400E05;
border-width:1px ;
border-style: solid;


scrollbar-face-color:400E05;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:353535;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:400E05;
}


table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:2px;
border-color:ffffff;
background-color:400E05;
}
table, tr, td, li, p, div { font-family:arial; color:ffffff; font-size:12px; }
.btext { font-family:arial; color:ffffff; font-size:12px; }
.blacktext10 { font-family:arial; color:ffffff; font-size:12px; }
.blacktext12 { font-family:arial; color:ffffff; font-size:12px; }
.lightbluetext8 { font-family:arial; color:ffffff; font-size:12px; }
.orangetext15 { font-family:arial; color:ffffff; font-size:12px; }
.redtext { font-family:arial; color:ffffff; font-size:12px; }
.redbtext { font-family:arial; color:ffffff; font-size:12px; }
.text { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
.whitetext12 { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
a:active, a:visited, a:link { font-family:arial; color:ffffff; font-size:12px; }
a:hover { font-family:arial; color:ffffff; font-size:12px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
a.navbar:hover { font-family:arial; color:ffffff; font-size:12px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:ffffff; font-size:12px; }
a.redlink:hover { font-family:arial; color:ffffff; font-size:12px; }
.nametext { font-family:arial; color:ffffff; font-size:12px; }

</style>


<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://c.myspace.com/Groups/00014/24/90/14080942_l.gif");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<style type="text/css">.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("http://c.myspace.com/Groups/00014/15/90/14080951_l.gif");background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.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 !important;}.contactTable .whitetext12 {display:none;}</style><div style="position:absolute;z-index:9;left:0px;top:30px;width:88px;height:31px;"><a href="http://www.freeweblayouts.net" target="_blank"><img src="http://c.myspace.com/Groups/00009/21/73/9473712_l.gif" border="1" alt="Free Web Layouts"></a></div>I edited my profile at <a href="http://www.freeweblayouts.net" target="_blank">Freeweblayouts.net</a>, check out these <a href="http://www.freeweblayouts.net" target="_blank">Myspace Layouts!</a><br><br>

[NXArmada]

any reason why u have this posted twice.