http://www.myspace.com/dimikxx

okay so after struggling for an hour trying to pimp out my page, i get this problem-

see on the left side, my picture gets cut off? the pics actually load for a second and then get cut off. i have a feeling its something with the tables. here is the code:

about me:

<style type="text/css">
table, td {background-color:transparent; border:none; border-width:0;}
body{background-image:url("http://hometown.aol.com/dimikxx/images/brooklyn.jpg");
background-attachment: fixed;
background-position:bottom left;
background-repeat:repeat;
background-color: white; }

table table table {border: 0px;
background-color: f3814f;
filter:alpha(opacity=95); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;}}
table tbody td table tbody tr td.text table{background-color: 966159;


table table table table {border:0px;}

.r{}
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:ffffff !important;}
a {color:ffffff!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; }


</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://publish.hometown.aol.com/dimikxx/images/newgun1.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:225px; display:block !important; }
span.blacktext12 img {display:none;}
</style>



<style type="text/css"> .contactTable { width:300px !important; height:150px !important; background-image:url("http://65.99.204.73/~htmate/contact/4167.jpg"); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:1px !important;} </style>






interests:


<center>Take the quiz: <br><a href="http://quiz.myyearbook.com/zenhex/quiz.php?id=10111"><font size = "+2"><b>what kind of drug are you? (includes pictures)</b></font><br><img src="http://www.release.org.uk/images/df_cocaine.jpg" border="0"></a><br><font size = "+1"><b>cocaine.</b></font><br><b>you are cocaine. addictive, expensive and confident.</b><br><br><a></center>




i think theres some overlap, but i cant seem to pin point it. any help is greatly appreciated. thanks!