There is something wrong with it that I cannot figure out. This is just the style sheet part because i know something is wrong with it because I took everything but the stylesheet out and it still was having the problem.

the site- www.xanga.com/sunkissed_004

The blog part isnt lined up with the rest of my modules. And at the bottom of the page, the black line is abnormally long. Im wondering if someone sees a problem in my stylesheet that I dont.


<style type="text/css">
body {
background-color: #ffffff;
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
scrollbar-arrow-color: #08a0c0;
scrollbar-base-color: #ffff;
scrollbar-dark-shadow-color: #fff;
scrollbar-track-color: #08a0c0;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3d-light-color: #fff;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px trebuchet;
line-height:14px;
color: #404040;
letter-spacing:0px;
text-align: center;

}
b, strong {font-weight:bold; letter-spacing:0px;color: #58D1F8;

}

u {font-weight:italics; letter-spacing:0px; color: #08a0c0;border-bottom: 0pt dashed #08a0c0; font-family: verdana;}


}

em,i {font-weight:italize; letter-spacing: 0px; font-family: georgia; color: #08a0c0;

};
/* 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: times;
font-size: 20px;
line-height: 30px;
font-weight:bold;
text-transform: UPPERCASE;
height: 1px;
background-color: #ffffff;
color: #08a0c0;
letter-spacing: -2px;
text-align: center;
width:368px;
border-top: 2px double #58D1F8;
border-left: 2px double #58D1F8;
border-right: 2px double #58D1F8;
border-bottom: 0px double #58D1F8;
filter: gradient <div style="border:1px solid white; filter: progid:DXImageTransform.Microsoft.Gradient(gradien tType=0, startColorStr= #58D1F8, endColorStr=#ffffff); width: 50px; height: 120px;"> </div>;


}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
background-color: #58D1F8;
color: #FFFFFF;
text-transform: uppercase;
font: normal 9px terminal;
line-height:16px;
letter-spacing: 0px;
text-decoration: none;
border: 1px solid #58D1F8;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
background-color: #58D1F8;
color: #FFFFFF;
text-transform: uppercase;
font: normal 9px terminal;
line-height:16px;
letter-spacing: 0px;
text-decoration: none;
border: 1px solid #58D1F8;
}
a:hover {
/* edits when user mouseovers the links */
background-color: #58D1F8;
color: #FFFFFF;
text-transform: uppercase;
font: normal 9px terminal;
line-height:16px;
letter-spacing: 0px;
text-decoration: none;
border: 1px solid #58D1F8;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #58D1F8;
font:normal 7px small fonts;
background-color: #ffffff;
color: #3D3D3D;
text-transform: uppercase;
}
table.left {
/* this edits the menu module */
background-color: #ffffff;
border: 2px double #58D1F8;
font-weight: normal;
text-align: right;
width:170px;
color: #666666;

}
table.blogbody {
/* this edits the other the place where the blog is */
background-image: url(http://img296.imageshack.us/img296/6963/xx3pb.png);
background-attachment: fixed;
background-repeat: repeat;
background-position:bottom right;
background-color: #ffffff;
border-top: 0px solid #fff;
border-bottom: 2px double #58D1F8;
border-right: 2px double #58D1F8;
border-left: 2px double #58D1F8;
width:368px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font: 11px trebuchet;
FONT-WEIGHT: bold;
text-transform: UPPERCASE;
background-color: #ffffff;
text-align: center;
letter-spacing: 0px;
line-height: 16px;
color: #404040;
border-top: 0px solid #808080;


}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url();
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
background-color: #ffffff;
border: 0px solid #eee;
font: arial;
color: #666666;
text-align: center;
border-top: none;
width:125px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: 1px solid transparent;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 3px double #666666;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 325px;
}
hr {
/* horizontal divider */
border: 1px solid #404040;
}
</style>

i noticed this? the red should not be there

border-top: 2px double #58D1F8;
border-left: 2px double #58D1F8;
border-right: 2px double #58D1F8;
border-bottom: 0px double #58D1F8;
filter: gradient <div style="border:1px solid white; filter: progidXImageTransform.Microsoft.Gradient(gradien tType=0, startColorStr= #58D1F8, endColorStr=#ffffff); width: 50px; height: 120px;"> </div>;


}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
background-color: #58D1F8;
color: #FFFFFF;


I'm not sure what the blue is, I've never seen that before