Not sure what's wrong Options

[weirdman]

This is my myspace so far

http://profile.myspace.com/index.cfm?fusea...iendid=60314996

Now obviously right now it doesn't look like much. But my problem is the white box. It's supposed to be right next to the T-man and the 4 pictures of me thing, but I can't get it up there. Here's the coding that I have for it. (some of it is outta place because I am editing a code that I had before, so some stuff is just still there, but the main codings I want should be easy to find)

About me:

<style type="text/css">

body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
background-color: EAE7E7;
}

table, td {
background-color: EAE7E7;
}

.main{
position:absolute;
left:50%;
top:135px;
width:800px;
z-index:1;
margin-left:-450px;
}

.main a:link, .main a:active, .main a:visited {
color: a3bdc8;
text-decoration: none;
font-size: 1em;
}

.main a:hover {
color: EAE7E7;
}

img {
border: 0;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}

img:hover{
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
}

p, li {
font-size: 1.2em;
color: f0f0f0;
}

.title1, .title2 {
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
color: dbdbdb;
}

.title1 {
font-size: 1.3em;
}

.title2 {
font-size: 1.5em;
}

.title2 a {
font-size: 1.1em;
}

.sidebar .title2 {
padding: 0 0 0 12px;
}

.newnav {
margin: 20px 20px 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
}

.newnav a {
font-size: 1.2em;
color: EAE7E7 !important;
}

.newnav a:hover {
color: EAE7E7!important;
}

.newnav .active {
color: EAE7E7!important;
}

.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;
}

.sidebar {
float: right;
width: 300px;
}

.content {
float: left;
width: 500px;
padding: 0 0 0 28px;
}

.breaker {
clear: both;
margin-top: 25px;
border-top: 1px solid;
border-color: 777777;
background-image: url("http://img88.imageshack.us/img88/2057/tmanfy0.jpg");
background-repeat: repeat-x;
height: 200px;
}



.cell {
float: left;
padding-top: 10px;
margin: 0 0 0 5px;
}

.cell-inner {
width: 225px;
padding: 0 10px 0 0;
}

.bottoms {
clear: both;
padding: 45px 0 0 0;
}

textarea {
background-color: 555555;
border: 1px solid;
border-color: 666666;
color: f0f0f0;
padding: 3px;
overflow: hidden;
}

input {
background-color: EAE7E7;
color: f0f0f0;
border: 1px solid;
border-color: 666666;
}

.askfirst {
clear: both;
text-align: center;
padding: 25px 0 0 0;
}
</style>

I'd like to meet:

<div class="main">
<table style="width:900; height:900px; cellpadding:0px; cellspacing:0px;background-color:EAE7E7;">
<tr><td valign="top">

<div class="breaker">
<div class="cell">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<align="left"><img src="http://img88.imageshack.us/img88/8262/picturesca7.jpg"</a>
</cell>
<div class="sidebar">
<table style="width:300; height:175px; cellpadding:0px; cellspacing:0px;background-color:FFFFFF;">
<tr><td valign="top">

</tr></td></table>
</div>
<div class="cell-inner">
<span class="title2">
</div>
</div>
</div>


</td></tr></table></div>

<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

I will greatly appreciate any help if any1 can figure out what's wrong with this.