Coding question?

[Whenhedgehogsfly]

I am editing a userlookup and I want to be able to move my "about me" box anywhere around my lookup, but it won't budge.

I know theres something I'm not doing right, might someone help me fix this? Thank you! ^_^

 

Here is the code:

 

 

<style>
#habitarium, #footer, #ban, #header, #nst, table.ad-table, .brand-mamabar, hr, #pushdown_banner, .content div a img, .content div b {
display: none;
}
.contentModule div a img, .contentModule div b {
display: inline;
}

#main, #content {
width: 620px;
border: 0;
background: transparent;
margin-left: 0;
margin-top: 450px;
}
#content {
padding-left: 250px;

}
body {
background: white url("http://img695.imageshack.us/img695/4805/finishedm.jpg") 0px 0px no-repeat;
height: 719px;
width: 1003px;
       margin-left: 0;
margin-top: 0px;
border: 0px none;
}

td, body, font, .medText, body, p {
font: 7pt verdana;
color: #6d6d6d;
line-height: 11pt;
}
.contentModule, .contentModuleTable, .contentModuleContent {
background: transparent;
border: 0;
}
b {
font-weight: bold;
color: #df9d2d;
}
a b, a:visited b, a:link, a:visited {
font: 7pt georgia;
font-weight: bold;
color: #ffe001;
text-transform: none;
}


.contentModuleHeader, .contentModuleHeaderAlt {
text-align: center;
background: #ffe001;
font: 12pt  georgia;
color: black;
}

#nav {
position:absolute;
width: 620px;
text-align: center;
top: 10px;
left: 480px;
       font: 8pt georgia;
       text-align:center;overflow:auto;
}

#nav a:link, #nav a:visited {
display:inline;
       color: #000000;
font-weight: normal;
padding: 1px;
margin: 2px;
font: 8pt georgia;
text-transform: uppercase;
line-height: 13pt;

}

#nav a:hover {

color: #949593;

}

#about me {

       position: absolute;
       width: 240px;
display: block;
top: 10px;
left: 708px;
       border: 1px solid;

}

#userneopets td {
line-height: 8pt;

}
#userneopets img {
width: 135px;
height: 135px;
padding: 7px;
padding-bottom: 47px;
border: 1px solid #d4d4d4;
margin-bottom: -46px;
}
#usertrophies img {
width: 60px;
height: 60px;
}

.contentModule {

background:#fcfcfc;border:0px solid #949593;padding:2px

}

#usershop img {
width: 135px;
height: 135px;
}
span.one {
color: #d87444;
}
span.two {
color: #fa85b4;
}
</style>

<div id="nav" style="position: absolute;" >
<a href="/myaccount.phtml">account</a> <a href="/customize/">customize</a> <a href="/games/arcade.phtml">games</a> <a href="/explore.phtml">explore</a> <a href="/nf.phtml">news</a> <a href="/petcentral.phtml">central</a> <a href="/neoboards/index.phtml">boards</a> <a href="/objects.phtml">shops</a> <a href="/mall/index.phtml">ncmall</a> <a href="/~Celusio">CSS</a>
</div >

<div id="about me" style="position: absolute;" >

Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 
Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. Text goes here. 

</div >