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.

[freeflow]

Instead of a gazillion tables it would be easier if you just used simple divs. It works out so much easier, myspace is just myspace so you don't have to put much time into it, unless you want too ofcourse. :] Read this for the code.

[weirdman]

Just looking at it seems to make me think it will help alot. Only reason why I use so much tables is cus it's the way I learned how to do it. I'm just really bored and felt like majorly changing my myspace, so I'm not a major myspace freak, just want something that will stick around for awhile but still look good, I'll see what I can do with that stuff.