fix this code?, PLZ! Options

[SephirothDaDark1]

I KNOW HOW TO POSITION!!!!!!!!! THAT'S NOT WHAT i'M ASKING FOR

Here is the code I am using for my xanga skin, the chatterbox keeps appearing in the blog box over my blog enterys, please fix this code so that the chatterbox is seperate from the blog box!!!!!!! I'm taking out my chatterbox code on purpose just so you know...

CODE

<!-- begin code provided by createblog.com -->
<img src="http://www.yoxio.com/img/92498.jpg">
<style type="text/css">



.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>



<!-- Navigation div layer -->
<!-- ima fill in all the links and such later -->



<div style="position:static; margin-left: -594px;margin-top: -592px;border: 0px solid #transparent; width: 196px; height: 800px;background: none; overflow: auto">
<table border="0" width=100%>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here
Stuff about yourself…here

<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=YOURXANGAUSER">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">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=YOURXANGAUSER" 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>
<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>
<tr>
<td colspan=2>
<b class="nav">Chatterbox</b>
<tr>
</table>
</div>



<!-- Chatterbox div layer -->



<div style="position:static; margin-left: 594px; margin-top: -300px;border: 0px solid #ffffff; width: 196px; height: 200px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
  <TD>
<P class=nav>



<!-- the place where chatterbox HTML code goes -->
<!-- the place where chatterbox HTML code goes --></div>



<!-- Blogbox div layer -->



<div align="center" class="blogspace">
</div>
<div style="
overflow: auto;
width: 543px;
height: 251px;
margin-top: -461px;
margin-left: 259px;"></div>



<!-- Scrollbar coloring etc. -->



<style type="text/css">
body {
background-color: #999999;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000; }


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal #px arial;
line-height:12px;
color: #000000;
letter-spacing:1px;
text-align:justify;}

table.footer TD {
/* this makes the footer at the bottom centered */
text-align: center;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #000000;
text-decoration: none;}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #000000;
text-decoration: none;}

a:hover {
/* edits when user mouseovers the links */
color: #000000;
cursor: normal;
text-decoration: none;}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px solid transparent;
background-color: transparent;
width:245px;}

table.search TD, table.announcements TH {
border: 0px solid #FFFFFF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
</style>
<!-- end code provided by createblog.com -->