Left Module issue, left module stuck at top of page Options

[laurencoffman]

I'm new to desiging layouts, so I just copied and pasted one and played around with the colors (which I'm still working on, so they look awful!). The issue I have now is that my left module is stuck at the top of the page, and my post are under it. My site is www.xanga.com/treehugger42. The code is used is this:
<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">
/*La la la Lauren*/
/*Lauren coffman*/
body {
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FF6600;
scrollbar-highlight-color: #FF9933;
scrollbar-3dlight-color: #FF9933;
scrollbar-darkshadow-color: #FF6600;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF6600;
}

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

table.blogbody {
width:500px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #0099FF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 450px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: #000066;
background-color: #FF66FF;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Arial; color: #CC9900; font-size: 8pt; }
A:link, A:visited, A:active
{000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#FF3300; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #33FFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="position:static; margin-left: 20px;margin-top: 20px;border: 1px solid #3333FF; width: 160px; height: 40px;background: none; overflow: auto">

<table border="0" width=100%>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
Name: Lauren Coffman
Birthday: 04/22/91
Gender: Female
Interests: Music: Josh Groban, Jason Mraz, Clay Aiken, John Stevens, Anthony Fedorov, Frank Sinatra, Dean Martin, Hall and Oates, Michael Bublé, Rob Thomas, Keith Urban, Dierks Bentley, and Joe Nichols Movies: Camp, Young Frankenstein, Clue, Rat Race, The Hitchhiker’s Guide to the Galaxy, and Office Space TV: Unscrewed, Attack of the Show, Will and Grace, American Idol, Fawlty Towers, Monarch of the Glen, Crossfire, The Office, and Committed.

<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>
<ahref="http://www.xanga.com/guestbook.aspx?user=treehugger42">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=treehugger42">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=treehugger42" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
</tr>
</table>
</div>
<div align="center" class="blogspace">

If anyone could help that'd be great!

[talcumpowder]

What do people have against codeboxes?
And, since you're not making and actual skin... I suggest you use this.
[ http://www.createblog.com/forums/index.php?showtopic=178 ]