Moving navigation box and weblog independantly, I cant find a way. Options

[Kaanin_II]

I have a pretty good understanding of what I’m doing, but I’m still new. I’ve been making this skin for my xanga, as you can tell I’ve gotten far, I used Image mapping for my skin, I wish to have my blog on top of the "screen" and I want subscriptions on top of the Subscriptions "screen" in the lower right. As for getting rid of the Navigation and About me sections Plus getting rid of the whole page vertical scrollbars I can do later, But I cannot figure out how to move the Weblog and the navigation menu area independently, Please help, I’ve tried css code, div layering, everything. I can move the navigation menu horizontally by itself but when I move it vertically, the navigation menu box and the weblog move together. As for moving the weblog using css and using div layers, both approaches they move together. How do I move them Independently?!

Heres my Code (I removed the code for the Image mapping):

<!-- begin code provided by createblog.com --><br /><br /><!-- Begin Blog Pacement Code --><br /><div style="<br />overflow: auto;<br />width: 700px;<br />height: 356px;<br />margin-top: -435px;<br />margin-left: 50px;"><br /><!-- End Blog Placement code --><br /><br /><br /><br /><!-- Begin Look Code --><br /><style type="text/css"><br />/*NEO Future*/<br />/*by Zach Broderick*/<br />body {<br />scrollbar-face-color: #cee3f5;<br />scrollbar-shadow-color: #66ccff;<br />scrollbar-highlight-color: #white;<br />scrollbar-3dlight-color: #white;<br />scrollbar-darkshadow-color: #black;<br />scrollbar-track-color: #A5b6cy;<br />scrollbar-arrow-color: #black;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />width:WIDTH OF THE BLOGpx;<br />font-family: Century Gothic;<br />font-weight: none;<br />font-size: 10pt;<br />color: #Black;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Humanst521 BT;<br />font-size: 11pt;<br />text-align: center;<br />color: #Black;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- End Look Code  --><br /><br /><br /><br /><!-- Begin Remove Left Module Code --><br /><style type="text/css"><br />.#rblEprops{display:yes;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- End Remove Left Module Code--><br /><br /><br /><!-- Begin Navigation Module --><br /><div style="position:static; margin-left: 700px; margin-top:0px; border:1px solid #black CODE; width: 100px; height: 356px;background: none; overflow: auto"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><b class=nav>About Me</b><br /><tr><br /><td colspan=2><br><br />Me<br /><br /><tr><br /><td colspan=2><br><br /><b class="nav">Navigation</b><br><br /><a href="http://www.xanga.com/">Xanga</a><br><br /><a href="http://www.xanga.com/signin.aspx">Sign In</a><br><br /><a href="http://www.xanga.com/logout.aspx">Sign Out</a><br><br /><a href="http://www.xanga.com/private">Home</a><br><br /><a href="http://www.xanga.com/claf">CLAF</a><br><br /><a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br><br /><a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br><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><br /><a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br><br /><a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br><br /><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br><br /><tr><br /><td colspan=2><br /><b class="nav">Subscriptions</b><br /><tr><br /><td><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><td><br /></tr><br /></table><br /></div><br /><div align="center" class="blogspace"><br /><!-- End Navigation module --><br /><br /><br /><br /><!-- Begin Weblog Scrollbar --><br /><DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: 650px; BORDER-BOTTOM: #000000 0px; HEIGHT: 356px"><br /><!-- End Weblog Scrollbar --><br /><!-- end code provided by createblog.com -->

Heres the page for the xanga.

If you can suggest a way using a module or something different then the way im trying, please suggest it.