It moves wrong! Options

[OneOfTheseDayz]

Ok my friend tried to make a layout and failed so he asked me to finish this. The only problem is that I can't move the navigation because the backround image moves. If I move the Backround the navigiation moves. any Ideas?????

CODE

<!-- start code provided by createblog.com -->
<script type="text/javascript">
document.title = "{ Infinate.Posibilities }"
</script>

<style type="text/css">
table.navigation, table.footer { display:none; }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:508px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder
{display: none;}
</style>

<style type="text/css">
/* Infinate Possibilities */
/* drilotedahl */
body
{background-color: #FFFFFF;
cursor: crosshair;
margin: 0;
overflow-x: hidden;

scrollbar-arrow-color: #3376BC;
scrollbar-track-color: #DBE8FE;
scrollbar-shadow-color: #3376BC;
scrollbar-face-color: #c2d8f6;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #DBE8FE;
scrollbar-3dlight-color: #3376BC;}

div.blogheader, .caption
{background-image: url(http://img396.imageshack.us/img396/1774/bc25mk.png);
background-repeat: no-repeat;
width:508px;
background-position: bottom center;
font: bold 12px arial;
text-transform: uppercase;
line-height: 20px;
color: #3376BC;
letter-spacing: 2px;
background-color: none;
text-align: left;
border: none;}

h4
{font: bold 12px arial;
text-transform: uppercase;
line-height: 12px;
color: #3376BC;
letter-spacing: 2px;
background-color: none;
text-align: left;
border: none;}

b, strong
{font-weight: bold;
color: #3376BC;}

i, em
{font-weight: italic;
color: #3376BC;}

u
{text-decoration: underline;
color: #3376BC;
border-bottom: 1px solid #3376BC;}

hr
{color: #3376BC;}

input, select, textarea, iframe.htmleditor, .textfield, .button
{border: 1px solid #3376BC;
font: normal 8pt verdana;
background-color: #C9DDFA;
font-color: #6498CF;}

table.footer TD
{text-align: center;}

.navheader
{background-image: url(http://img315.imageshack.us/img315/5373/bc35pr.png);
background-repeat: no-repeat;
background-position: bottom center;
text-transform: none;
font: bold 8pt verdana;
line-height: 21px;
color: #3376BC;
letter-spacing: 2px;
background-color: none;
text-align: center;
padding-top: 4px;
border-top: 1px solid #3376BC;
border-left: 1px solid #3376BC;
border-right: 1px solid #3376BC;
border-bottom: 0px solid #3376BC;}

.section
{border-left: #3376BC 1px solid;
border-right: #3376BC 1px solid;
border-bottom: #3376BC 1px solid;
border-top: #3376BC 0px solid;
background-color: #C9DDFA;
font: normal 8pt verdana;
color: #6498CF;
line-height: 12pt;
text-align: left;
padding: 2px;}

font,td,p,xmp
{color: #6498CF;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
text-align: left;}

table.blogbody tr td
{width: 0px;
padding-left: 0px;}

table.blogbody
{font: normal 8pt verdana;
color: #6498CF;
line-height: 12pt;
text-align: left;
background-color: none;
border: none;;
width: 508px;}

a:link
{font: normal 8pt verdana;
color: #3376BC;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:active
{font: normal 8pt verdana;
color: #6498CF;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 8pt verdana;
color: #3376BC;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover
{font: normal 8pt verdana;
color: #6498CF;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}
</style>

<table width="508px" height="100%" cellpadding="0" cellspacing="0" border="0" align="left" style="background:url(http://img159.imageshack.us/img159/8339/bc9tj.png); margin-top: -820px;">
<tr><td colspan="3" width="508" height="162"><img src="http://img159.imageshack.us/img159/4835/bc15lr.png" width="1024" height="768" border="0"></td></tr>

<div style="overflow: visible; width: 142px; margin-top: 100px; margin-right: 200px;">



<div class="navheader">|[ ABOUT ME ]|</div>
<div class="section">

<b>NAME:</b> UR NAME HERE<br>
<b>GENDER:</b> UR GENDER HERE<br>
<b>B.O.D:</b> MM.DD.YY<br>
<b>S.N:</b> <a href="aim:goim?screenname=AIM USERNAME HERE">AIM USERNAME HERE</a><BR>
<b>MSN:</b> UR MSN HERE<br>
<br></div>

<div class="navheader">|[ ABOUT ME ]|</div>
<div class="section">

<b>SONG:</b><br>
SONG TITLE HERE<br>
<b>ARTIST:</b><br>
SONG ARTIST HERE<br>
<b><s>ANIME/MOVIE/</s>GAME:</B><BR>
SONG THEME HERE<br><br>
<br><br></div>

<div class="navheader">|[ NAVI ]|</div>
<div class="section">
<a href="http://www.xanga.com/guestbook.aspx?user=YOUR USERNAME HERE">GBOOK</a><br>
<a href="http://www.xanga.com/profile.aspx?user=YOUR USERNAME HERE">PROFILE</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=YOUR USERNAME HERE" target=new>ADD ME</a><br>
<a href="http://www.xanga.com/private/subs.aspx" target=new>SUBS</a><BR>
<a href="http://www.xanga.com/claf/default.asp">CLAF</a><BR>
<a href="http://www.xanga.com/private/home.aspx">HOME</a><br><br>
<a href="http://www.xanga.com/profilebasic.aspx">SETUP</a><BR>
<a href="http://edit.xanga.com/safemode.aspx">SAFE MODE</a><BR>
<a href="http://photos.xanga.com/photomanager.aspx">PHOTOS</a><BR><BR>
<a href= "http://www.xanga.com/signin.aspx">IN</a>
<BR>
<a href="http://www.xanga.com/logout.aspx">OUT</a>
<br></div>

<div class="navheader">|[ FRIENDS ]|</div>
<div class="section">
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
<a href="http://www.xanga.com/FRIEND USERNAME HERE" target=new>FRIEND NAME HERE</a><br>
</div>

<div class="navheader">|[ BLOGS ]|</div>
<div class="section">
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
<a href="BLOGRING URL HERE" target=new>BLOGRING NAME HERE</a><br>
</div>


<div class="navheader">|[ SITE INFO ]|</div>
<div class="section">
<B>PUBLISHED:</B> 02.04.06<BR>
<B>PUBLISHED BY:</B> <a href="http://www.xanga.com/drilotedahl">drilotedahl</a><BR>
<B>PRODUCT NAME:</B> "<i>Infinate.Possibilities</i>"<br>
<b>INFO:</B> Drilotedahl :3<br><br><Br>
Copyright (c) <br>
All rights reserved by <a href="http://www.xanga.com/drilotedahl">drilotedahl</a>
</div>
</div>


<td valign="top" width="508">
<div class="blogbody" style="width: 508px; margin-top: 0px; margin-left: -12px;">
<!-- end code provided by createblog.com -->