Help with alligning overlay? Options

[thedecline_]

Ok so im using the code bellow to try and do an over lay, but its not central, it comes off to the side showing parts of the defaul layout.

this is how i want it to appear...something allong the lines of this
http://i26.photobucket.com/albums/c145/the...ideallayout.jpg
with no scroll bars etc.

the code -

CODE

<style type="text/css">
embed {position:absolute; margin-top:-500px; margin-left:0px;}
</style>

<style type="text/css">
{ Alignment by moorepocket }
body{
padding-left: 500px; }
</style>

<style>
.nametext {visibility:hidden;}
div div table tr td a.navbar, div div table tr td font {display: none;}
tr {background:transparent;}
table div font a, table div div {visibility:hidden;}
table table div font a, table table div div
{visibility:visible;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none;}

.redlink, .orangetext15, .btext {
COLOR: AEB86F;
FONT-SIZE: 1;
}

table table {
border:none;
background-color:transparent;
width:250px;
padding:1;
}
table table table table td{width:250;}


table table table table{
border: none;
width:360px;
background-color:transparent;
align:right;
padding:1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}

body {
cursor: crosshair; align: center;
SCROLLBAR-FACE-COLOR:ffffff; SCROLLBAR-HIGHLIGHT-COLOR:ffffff; SCROLLBAR-SHADOW-COLOR:ffffff; SCROLLBAR-3DLIGHT-COLOR:ffffff; SCROLLBAR-ARROW-COLOR:000000; SCROLLBAR-TRACK-COLOR:ffffff; SCROLLBAR-DARKSHADOW-COLOR:ffffff;
background:ffffff;
}

font {background-color: transparent}
b {color:AEB86F; font-weight: normal;
}
P {FONT: 10px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
.blacktext10 {FONT: 10px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify; display:block;}

a, a:link,a:active,a:visited{FONT: 10px arial; COLOR:000000; TEXT-DECORATION: none
}
A:hover {FONT: 10px arial; COLOR: 000000; border-bottom:1px dashed ffffff; TEXT-DECORATION: none;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.comhead2 {

FONT-WEIGHT: normal; FONT-SIZE: 20; PADDING-BOTTOM: -1pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: georgia; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}

</style>



<div style="position: absolute; width:990; height: 0; top:130px; left:220px; background:ffffff;">
                                              
      
        
<IMG SRC="http://i26.photobucket.com/albums/c145/thedecline_/pleaseboarder.jpg" BORDER=0>
        
        
</div>



<div class="content" style="position: absolute; background-color:transparent; left:378px;  top:270px; width:450px; height:392px; overflow: auto; FILTER: chroma(color=cccccc) allowTransparency;">

<center><a HREF="http://home14.myspace.com/index.cfm?fuseaction=user" ALT="homepage">
home</a> l

<a HREF="http://collect.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=FRIENDID" ALT="add me as a friend">
add me</a> l

<a HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIENDID" ALT="send me a message">
message me</a> l

<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=FRIENDID" ALT="my pictures">
pictures </a> l

<a HREF="http://home10.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=FRIENDID" ALT="view my friends">
friends</a> l

<a HREF="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=FRIENDID" ALT="view all comments">
comments</a>



<br><br>

<font class="comhead2">about me</font>
<BR>
Skateboarding, Parties, Photograpy, Guitar, Music, Graphic Design
<br><br>

<font class="comhead2">about me</font>
<BR>
Against Me, Bloc Party, ACDC, Sublime, Tsunami Bomb, Placebo, Jack Johnson, Hot Action Cop, Cardigans,  The Cure, Bouncing Souls, The Distillers, David Bowie, Rilo Kiley, Rancid
<br><br>

</div>


<style type="text/css">.comments {visibility:hidden;display:none;}</style>

with this in id like to meet

CODE

<div class="comments"><table><tr><td><table><tr><td>

any help in sorting through that and alligning it would be great :)