xanga skin Options

[xTINAA]

well i made a new layout but the blog area is really small, so i`m trying to fit the text in that area. but there ends up being a horizontal scrollbar and also a bunch of space to the right. i`m not sure if i need to fix the aligning or something, but if anyone knows how i can fix it, it would be GREATLY appreciated. here is my code:

CODE

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

<script type='text/javascript'>
document.title = ("+__britney spears");
</script>

<img src="http://img28.exs.cx/img28/3285/britneyspearslayout3.gif" width="610" height="566" border="0" alt="" usemap="#britney_spears_layout2_Map">
<map name="britney_spears_layout2_Map">
<area shape="rect" alt="XANGA.COM" coords="69,304,106,321" href="http://www.xanga.com">
<area shape="rect" alt="GUESTBOOK" coords="21,304,64,322" href="http://www.xanga.com/guestbook.aspx?user=angelichrissy">
<area shape="rect" alt="SUBSCRIBE TO ME" coords="67,282,101,300" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=angelichrissy">
<area shape="rect" alt="YOUR SUBSCRIPTIONS" coords="23,281,61,300" href="http://www.xanga.com/Private/subs.aspx?">
<area shape="rect" alt="LOOK & FEEL" coords="67,261,106,280" href="http://www.xanga.com/claf/Default.asp">
<area shape="rect" alt="YOUR XANGA" coords="18,261,62,281" href="http://www.xanga.com/private/home.aspx">
<area shape="rect" alt="LOG OUT" coords="57,239,89,254" href="http://www.xanga.com/default.aspx?mode=logout">
<area shape="rect" alt="SIGN IN" coords="23,239,51,255" href="http://www.xanga.com/signin.asp">
</map>

<div style="
overflow: auto;
width: 250px;
height: 379px;
margin-top: -545px;
margin-right: -520px;
">

<style type='text/css'>
.mainleft, table.footer, table.navigation, { display:none; }
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:120px;}
</style>


<style type="text/css">
/*Britney Spears*/
/*by M1SSxCHR1SSY*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #FF3333;
scrollbar-face-color: #FF3333;
scrollbar-highlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-3dlight-color: #ffffff;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:125px;
font-family: Arial;
font-weight: none;
font-size: 8pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 125px;
padding: 3px;
text-align: justify;
}
.caption, .blogheader {
width: 125px;
padding: 3px;
font-family: Arial;
font-size: 8pt;
text-align: center;
color: #000000;
background-color:;
text-transform: lowercaps;
margin-top: 10px;
border-bottom: #ffffff 0px solid;
}

P, B, I, TD, TH
{font-family: Arial; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#FF3333; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<style type="text/css">
div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #00Ff00;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #00ff00;
scrollbar-shadow-color: #00ff00;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->

and also my xanga is xanga that way you can see what i`m talking about. thanks in advance!