Alignment Problems Options

[hi-C]

I'm trying to line up the border underneath my dates with the length of my entries. Can anyone help me?

Here's the code I'm using:

CODE

<!-- begin code provided by createblog.com -->
<script type='text/javascript'>
document.title = ("Colorize Your World // America's Next Top Model");
</script>

<IMG SRC="http://img3.exs.cx/img3/7609/ANTM-banner-bG.gif" WIDTH=579 HEIGHT=400 BORDER=0 ALT="" USEMAP="#ANTM_blend_b_G_Map">
<MAP NAME="ANTM_blend_b_G_Map">
<AREA SHAPE="rect" ALT="" COORDS="388,383,416,394" HREF="http://www.xanga.com/logout.aspx">
<AREA SHAPE="rect" ALT="" COORDS="345,383,378,394" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="" COORDS="304,384,334,395" HREF="http://xanga.com/private/subs.aspx">
<AREA SHAPE="rect" ALT="" COORDS="267,384,294,395" HREF="http://xanga.com/CLAF">
<AREA SHAPE="rect" ALT="" COORDS="210,384,256,395" HREF="http://xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="" COORDS="161,383,201,394" HREF="http://xanga.com">
</MAP>
<div style="
overflow: auto;
width: 579px;
">

<style type='text/css'>
table.navigation, table.footer, HR { display:none; }
</style>

<style type="text/css">
/*Color ft. the Girls of ANTM*/
/*by MataHari286*/
body {
background-color: #000000;
scrollbar-base-color: default;
scrollbar-face-color: black;
scrollbar-track-color: black;
scrollbar-arrow-color: F9B226;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
table.blogbody {
width:350px;
font-family: Tahoma;
font-weight: none;
font-size: 7pt;
color: #ffffff;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 375px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 375px;
padding: 3px;
font-family: Terminal;
font-size: 8.5pt;
text-align: right;
color: #F9B226;
text-transform: uppercase;
margin-top: 10px;
border-bottom:F9B226 1px solid;
}
table.left{
border: none;
border-top: 0px solid;
}
table.left TD{
background-color: transparent;
}
table.left TH{
color: #ffffff;
text-align: left;
border: none;
background-color: transparent;
}
table.left TD, table.left TR{
color: #ffffff;
text-align: left;
border: none;
background-image: none;
}
.leftsidemoduleinterior{
display: none;
}
P, B, I, TD, TH
{font-family: Tahoma; color: #ffffff; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:none; font-size:8pt; font-family: Terminal; text-transform: uppercase;}
a:hover
{text-decoration: none; color:#F9B226; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
color: #F9B226;
font-weight: bold;
text-transform: lowercaps;
</style>

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

And if you need to see what I'm talking about, go here.

[deadroses89]

this part, change the width to 350 and that should do it

CODE

<!-- begin code provided by createblog.com -->
.caption, .blogheader {
width: 375px;
padding: 3px;
font-family: Terminal;
font-size: 8.5pt;
text-align: right;
color: #F9B226;
text-transform: uppercase;
margin-top: 10px;
border-bottom:F9B226 1px solid;
<!-- end code provided by createblog.com -->