heeeeelppp! Options

[Harp]

ok, so i'm working on a div layout.
i've got about 1/4 of the coding done, but there are weird boxes behind my image.

click to enlarge

here's the code:

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

body {
background-color: f1487c;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: f1487c;
scrollbar-shadow-color: f1487c;
scrollbar-face-color:f1487c;
scrollbar-highlight-color:f1487c;
scrollbar-darkshadow-color:f1487c;
scrollbar-3dlight-color:f1487c;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}


table table table {border: 1px dashed; border-color: CF1B5A; background-color: FFFFFF; }

body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

a{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:CF1B5A; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:666666; font-weight:none;border:0px; text-transform: uppercase;}

a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:666666; font-weight:none;border:0px; text-transform: uppercase;}

.standard b, p b, B, strong {
font-family:courier new; font-size:10px; color:f07b96; font-weight:none;border:0px; text-transform: none; }
</style>

<div class="bg" style="position: absolute; left:440px; top:100px; width:500px; height:542px; overflow: hidden;">
<img src="http://i33.tinypic.com/2vnktb4.png">
</div>

<style>div table td font { display: none }
div div table tr td a.navbar, div div table tr td font { display: none }
.testnav { position:absolute; top: 120px; left:50%; _top: 146px }div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
</style>

[Mickey]

Look for table table table and replace the width with 0px. If that doesn't clear up all the boxes, look for table, tr, td and add 0px to the empty width attribute. Either way should do it.