Background Not Showing..., Help? Options

[pestyxpinay]

Okay, I put in a background but you can only see part of it. There's a big table or something behind the main tables, how can I make that transparent? And if I have this all wrong, then how do I make my background visible? Here's my myspace.


And codes

CODE

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img410.imageshack.us/img410/6862/5114b9bx.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:250px; height:100px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>

<style type="text/css">

body {
background-color: white}
</style>



<style type="text/css">



BODY{scrollbar-face-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:white;scrollbar-darkshadow-color:white; scrollbar-track-color:white; scrollbar-arrow-color:white}

table {width:300px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:170px !important;}
td.text td.text a img {width:40px !important;}
td td td div strong {width:170px !important; display:block;}

span, font, a, table, td, div, b {font-size:7pt !important;}

object, embed {display:block; width:220px; height:38px;}
td.text td.text table table div {display:none;}


div, input, span, td { font-family:tahoma, arial, sans serif !important; color:000000 !important; line-height:9px;}
a {color:000000!important; font-family:terminal, arial, sans serif !important;}
a:hover {text-decoration:none; color:000000 !important;}

.blacktext10, .lightbluetext8, .whitetext12, .orangetext15 {
text-transform:uppercase; font-size:8pt !important;
background-color:black; display:block; color:ffffff !important;
text-align:center; letter-spacing:-1px; line-height:12px; }
.blacktext10, .lightbluetext8 {text-align:right; font-size:7pt !important;}
.blacktext10 {width:180px;}





body{background-image:url("http://i61.photobucket.com/albums/h43/evaleen/851669446_l.jpg");
background-attachment: fixed;
background-position: bottom left;
background-repeat: no-repeat


</style>




<Style>table b {display:none;}</style>





<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>







</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

[pestyxpinay]

that doesnt work, it makes my background some grey color