xanga skin, the words on my skin shift Options

[rhqtpie]

k umm can some one plz help me. i got this skin from here and it looks good as long as like u have the favorites or history opened on the left side of the screen, but if u close that all the words shift to the left. is there a code or somthing i can put in to make them stay where they're sposed to be?

here's the code for my skin

CODE

<!-- begin code provided by createblog.com -->
<div>
<div style="background-color:#transparent;">

<IMG NAME="brownsugar"

SRC="http://img37.photobucket.com/albums/v113/onleedestiny

/brownsuga.jpg" WIDTH="700"

HEIGHT="600" BORDER="0" USEMAP="#brownsuga">

<MAP NAME="brownsuga">
<AREA SHAPE="rect" COORDS="212,63,319,83"

HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=rhqtpie" ALT="subscribe">
<AREA SHAPE="rect" COORDS="610,213,668,227"

HREF="http://www.xanga.com" ALT="home">
<AREA SHAPE="rect" COORDS="611,228,670,242"

HREF="http://www.xanga.com/logout.aspx" ALT="sign out">
<AREA SHAPE="rect" COORDS="611,242,671,256"

HREF="http://www.xanga.com/claf/default.asp">
<AREA SHAPE="rect" COORDS="611,255,670,269"

HREF="http://www.xanga.com/Private/subs.aspx"

ALT="subscriptions">
<AREA SHAPE="rect" COORDS="613,269,679,285"

HREF="http://www.xanga.com/profile.aspx?user=rhqtpie" ALT="profile">
<AREA SHAPE="rect" COORDS="613,285,680,299"

HREF="http://www.xanga.com/private/home.aspx"

ALT="private">
<AREA SHAPE="rect" COORDS="613,299,649,313"

HREF="http://www.xanga.com/guestbook.aspx?user=rhqtpie

acGrl" ALT="guestbook">
</MAP>

<div align=left><DIV style="margin-top: -510px;

margin-left: 30px;

border:none;
width:
352px;OVERFLOW: auto; height:475px; BACKGROUND-COLOR:

transparent">

<style type="text/css">
body {
background-image:url();
background-color: #E5B27B;
scrollbar-arrow-color: #4C270D;
scrollbar-track-color: #E6B37C;
scrollbar-shadow-color: #E5B27B;
scrollbar-face-color: #E5B27B;
scrollbar-highlight-color: #4C270D;
scrollbar-darkshadow-color: #4C270D;
scrollbar-3dlight-color: #E5B27B;
cursor:crosshair;
}
.left, .blogbody, table.footer, .standard,

.leftmodulefontcolor, td, p
{
/* edits main text */
font:normal 11px arial;
color: #461E04;
text-align: justify;
cursor:text;
}
div.blogheader, .caption {
/* edits the dates */
font-family:toxica;
text-transform:lowercase;
font-size:16px;
line-height:12px;
font-weight:bold;
color:#F5F5F5;
letter-spacing:0px;
background-color: #E5B27B;
text-align: left;
width:310px;
border: 0px solid #B5B7B6;
}
a:link, .footernav.link, a.footernav:link,

a.footernav:active {
/* edits all links */
color:#4C270D;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#DE9A5D;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#BB3F23;
text-decoration: none;
font-weight:bold;
cursor: pointer;
border: 1px dotted #000000;
}
table.blogbody {
/* this edits the other the place where the  blog is */
width:300px;
background-color: #transparent;
}
table.announcements, table.announcements TH,  {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
width:300px;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
align: center;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #F7FBFC;
}
.mainleft {width:0px;}
table.left, table.left TD, table.navigation, table.search,
table.footer, HR
{display: none;
}

#blogscroll {
width: 300px;
height: 200px;
overflow: auto;
}
</STYLE>
<!-- end code provided by createblog.com -->

if u help me i'll really appreciate it thanx

[sweetxsimplicity]

topic closed.