There is my code, Can someone please fix it because everything is aligned to the left and you cant see it on Xanga, its cut off and dosent Align with my background image, THank you




<!-- begin code provided by createblog.com -->
<style type="text/css">
p {align=justify}
BODY{cursor: crosshair;}
a {cursor: crosshair;}
}
texttable.left, td.mainleft, table.left, table.navigation, table.search{
display:none;
}
table.navigation, table.footer {
display: none;
}
body {
background:#FFFFFF url(http://images.xangans.com/xanga/03/0703_img.jpg);
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #ffffff;
}
.blogbody, .standard, td, .content, .smalltext {
font:normal 7pt small fonts;
color: #ffffff;
text-align:left;
text-transform: uppercase;
background-color:transparent;
}
p, table.footer {
font: 7pt small fonts;
color: #ffffff;
text-transform: uppercase;
}
a:link, a:active, a:visited{
color:#BEBDD4;
text-decoration:none;
}
a:hover {
color:#000000;
}
.left a:link, .blogbody a:link, .left a:visited, .blogbody a:visited, {
color: #BEBDD4;
text-decoration: none;
font:normal 7pt small fonts;
text-transform: uppercase;
}
.left a:hover, .blogbody a:hover{
color:#000000;
font:normal 7pt small fonts;
line-height:11px;
cursor: crosshair;
text-decoration: none;
text-transform: uppercase;
}
input, select, textarea, .textfield, .button, iframe.htmleditor {
font:normal 7pt tahoma;
color: #ffffff;
line-height: 15px;
background-color: transparent;
border: none;
text-align: left;
text-transform: uppercase;
}
b {color:#BEBDD4;};
}
table.blogbody {
border: none;
background-color: transparent;
width:200px;
}
#pnlEprops, #rblEprops {display: none}
#pnlEnabled table, #lblTimeZone, #pnlEprops, #rblEprops, #htmleditor {
width: 170px;
padding: 0px;
}
div.blogheader, .caption {
font-family:small fonts;
text-transform:uppercase;
font-size:7pt;
color:#ffffff;
background-color: transparent;
height:0;
text-align: center;
font-weight:bold;
border: none;
line-height: 15px;
width:170px;
}
div {
font:normal 7pt small fonts;
color: #ffffff;
line-height: 11px;
text-align: left;
text-transform: uppercase;
}
center {
font:normal 7pt small fonts;
color: #ffffff;
line-height: 11px;
text-align: center;
}
.navhead {
background-color: transparent;
font:bold 7pt small fonts;
color: #ffffff;
line-height: 11px;
letter-spacing: 0px;
text-align: left;
text-transform: uppercase;
border: none;
}
.navsection {
background-color: transparent;
border: none;
font: normal 7pt small fonts;
color: #ffffff;
}
hr {
/* edits horizontal rule */
display: none;
}
</style>

<meta http-equiv="imagetoolbar" content="no">
<div style="position:static; margin-left: -10px; margin-top: -95px;"> <img src="http://images.xangans.com/xanga/03/0703_img1.jpg"></div>

<div style="position:right; margin-left: 300px; margin-top: -400px; width: 250px; height: 100%; overflow: visible; border=none; background color: transparent;">
<A href="http://www.xanga.com/signin.asp">sign in</A><br>
<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">subscribe</A><br>
<A href="http://www.xanga.com/guestbook.asp?user=USERNAME">guestbook</A><br>
<A href="http://www.xanga.com/private/home.aspx">private</A><br>
<a href="http://www.xanga.com/CLAF/default.asp">claf</A><br>
<A href="http://www.xanga.com/private/subscriptions.aspx">your subs</A><br>
<A href="http://www.xanga.com/logout.asp">sign out</A><br>

<p class="navhead">Profile</p>
<table width=100% border="0">
<td valign="top">
<center>
<b>name</b> blahblah<br>
<b>age</b> blahblah<br>
<b>birthday</b> blahblah<br>
<b>gender</b> blahblah<br>
<b>location</b> blahblah<br><br>
<b>AIM</b> blahblah<br>
<b>interests</b> blahblah<br>
<b>music</b> blahblah<br>
<b>television</b> blahblah<br>
</td>
</table>

<p class="navhead">Subs</p>
<center>
+ <a href="http://www.xanga.com/PERSON1">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON2">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON3">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON4">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON5">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON6">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON7">blahblah</a><br>
+ <a href="http://www.xanga.com/PERSON8">blahblah</a><br>
</div>



<div id="content" position="static"; style="margin-top: -60px;margin-lefT: -550px; margin-right: 10px; width: 300px; height: 100%;
overflow: visible; filter: none;">

<!-- end code provided by createblog.com -->

http://www.createblog.com/forums/index.php?showtopic=34761

Theres an example of how it should look

fix what? how do you want it fixed?

fix what? how do you want it fixed?
The alignment I want my blog entries to line up with my background ( ALL CENTERED) Like the example that I got the code from.