Help with layout ! Options

[stallons]

Please help me with my layout I am making, and I can't figure out what is wroung.

As you can see here the two things go to geather my postes and my nav. I have tried every thing and I can't get it to work.
Please Help.

Oh and here is the code if it is any help:

CODE

<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="
overflow: auto;
width: 575px;
height: 420px;
margin-top: -450px;
margin-left: 170px;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Verdana; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#313E4A; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38535E; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=stallons" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>

</table>
</div>
<div align="center" class="blogspace">

[talcumpowder]

If you're wondering what I did, I got rid of a couple useless lines of code, moved your navigation and blog divs... Oh, and you position the navigation first. Always. Then you can position the blog div where you want it to be. But since the navigation needs to come first, you need to position it first. Remember that.

CODE

<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=stallons" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>

</table>
</div>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Verdana; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#313E4A; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38535E; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">