Layout problem, won't do what it's supposed to Options

[brittanis]

The layout is supposed to look like this:
http://www.createblog.com/layouts/preview.php?id=4091

with the comment boxes and all the rest of the boxes being clear so you can see the background, but instead you get this:
http://www.myspace.com/brittanis

Does anyone know why, and if someone does, would they help me fix it, please?

[verbalistic]

CODE

<style type="text/css">


/* Table Section Properties */
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table td {
background-color:ffffff;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
}
table table table table td {filter:none;}
table table table {
border-width:2px;
border-color:black;
border-style:solid;
}
table table table table {border:0px;}

/* Text & Link Properties */
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Arial !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:000000 !important;}
a {color:B0171F !important; text-decoration: underline !important; font-style: normal !important; font-weight: normal !important; text-transform: normal !important; }
a:hover {color:000000 !important; text-decoration: line-through !important; font-style: normal !important; font-weight: normal !important; text-transform: normal !important; }

/* Other Features */
a img {filter:alpha(opacity=90); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
a img {filter: gray; border-color:ffffff; border-style:solid; border-width:2px;}
a:hover img {border-color:ffffff; border-style:solid; border-width:2px;}
table table td.text table table table td {
border-bottom-width:2px; border-top-width:0px; border-left-width:0px; border-right-width:0px;
border-color:ffffff; border-style:solid;}
table table td.text table table table table td {border:0px;}
body div table tbody tr td font {visibility:hidden;}
.navbar {visibility:visible;} .navbar font {visibility:hidden;}


</style>


<style type="text/css">
<!-- --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> --> -->
body {
background-color:000000 !important;
background-image: url("http://images.cbimg4.com/myspace/09/2215ai.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: center !important;
}
-->
</style>

<STYLE type=text/css>body{background-color:ffffff}
-->
</style>

if it didn't work, you didn't put it in your about me then. check again copy the full code and put it in your about me