line at bottom of blogs, alignment problem? Options

[prynce]

www.xanga.com/si03

you can see at the bottom the line is way longer than it should be...and it is really bothering me because i like that layout.

is there ne way to make that line shorter? if anyone knows a way can you teach me please!!?

here's the website stats:
<!-- begin code provided by createblog.com -->
</table></td></tr></tr></td></table>
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: http://img71.exs.cx/img71/696/citylightsbg.gif; FILTER: alpha(opacity=0); overflow:auto">
<ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: http://img71.exs.cx/img71/696/citylightsbg.gif; FILTER: alpha(opacity=0); overflow:auto">


<style type=text/css>

body, div, tr, td, th, p, table, module{

font-family: verdana; font-size:8pt; line-height:10pt; color:#000000;}

</style>

</td></tr></table>

<style type="text/css">
body {
background-color: #FAF4F8;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FAF4F8;
scrollbar-shadow-color: #FAF4F8;
scrollbar-face-color: #FAF4F8;
scrollbar-highlight-color: #FAF4F8;
scrollbar-darkshadow-color: #FAF4F8;
scrollbar-3dlight-color: #FAF4F8;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #A3A3A3;
}

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px verdana;
line-height:11px;
color: black;
letter-spacing:0px;
text-align:justify;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
font-family: arial;
text-transform:uppercase;
font-size:15px;
line-height:11px;
font-weight: bold;
color: #ff69b4;
letter-spacing:1px;
background-color: transparent;
text-align: right;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#ff69b4;
font:normal 11px verdana;line-height:11px;
text-decoration: none;
}

//blogring.document.write
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: white;
font:normal 11px verdana;
line-height:11px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color: gray;
font:normal 11px verdana;
line-height:11px;
text-decoration: line-through;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #7fcd31;
font:normal 11px verdana;
color:#ffffff;
background-color: #000000;
letter-spacing:0px;
}

table.left {
/* this edits the menu module */
border: 1px solid #7fcd31;
width:160px;
background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid 000000;
background-color: transparent;
width:335px;
overflow: auto;
margin-left: 50px;
text-align: justify;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://img72.exs.cx/img72/9326/lookbackbg.gif);
background-color: #ffffff;
font: bold 11px verdana;
text-transform: uppercase;
color: #ffffff;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://img.photobucket.com/albums/v144/thetalon/6e05e64a.jpg);
background-color: #CDCDCD;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #CDCDCD;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #000000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 350px;
}
hr {
/* horizontal divider */
border: 0px #000000
width: 200
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}
</style>

<script language=JavaScript>
<!--
//source protector - xanga.com/add_ons
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>




<!-- Email It Envelope Script by Sherrys_Designs-->
<script language="javascript">
<!--
var links = document.getElementsByTagName ('a');
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/\d+:\d+ (am|pm)/i)) links[l]
else if (str.match (/email it/i)) links[l].innerHTML = str.replace (/email it/i, "<img src=http://img.photobucket.com/albums/v368/sherrys_designs/pixels/envelope.jpg border='0'>");
}//-->
</script>


<!-- Comments and Eprops Script by Sherrys_Designs-->
<script language="javascript">
<!--
var links = document.getElementsByTagName ('a');
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/\d+:\d+ (am|pm)/i)) links[l]
else if (str.match (/eprop/i)) links[l].innerHTML = str.replace (/eprop/i, "<img src=http://img.photobucket.com/albums/v368/sherrys_designs/pixels/eprops.gif border='0'>");
else if (str.match (/comment/i)) links[l].innerHTML = str.replace (/comment/i, "<img src=http://img.photobucket.com/albums/v368/sherrys_designs/pixels/comments.gif border='0'>");
}//-->
</script>

<script language=javascript>
document.title=(' GOT SI? ')
</script>
<!-- end code provided by createblog.com --!>

and here's the header input:
<!-- begin code provided by createblog.com -->
<div style="left=0; top=0; position=absolute;">

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='105,403,116,412' HREF='http://www.xanga.com/signin.aspx' ALT='come in'>
<AREA SHAPE='rect' COORDS='136,402,164,412' HREF='http://www.xanga.com/CLAF' ALT='edit me'>
<AREA SHAPE='rect' COORDS='185,403,223,412' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=si03' ALT='love me'>
<AREA SHAPE='rect' COORDS='243,404,273,412' HREF='http://www.xanga.com/Private/subs.aspx' ALT='ur subs'>
<AREA SHAPE='rect' COORDS='293,403,330,411' HREF='http://www.createblog.com' ALT='# 1 site f`sho'>
<AREA SHAPE='rect' COORDS='349,403,367,413' HREF='http://www.xanga.com/logout.aspx' ALT='buh`bye'>
</MAP>

<IMG SRC=' http://images.cbstaff.com/xanga/05/skin1019_img.jpg ' border=0 width=990 height=462 USEMAP='#imgmap'>


<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 10px;}

/* edit to your liking */
table.module { border: 0px solid #000000; width:160px; background-color:#000000; }
table.module th { background-color: #000000;font: bold 11px arial; color: #F92891; border: 1px solid #000000; }
table.module td {color: #000000; text-align: center; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->
<!-- end code provided by createblog.com -->

it would be greatly appreciated if anyone could help.