blogs get cut off, for xanga Options

[ikayto]

My xanga, has a problem where the blogs cut off. I have the code where when you overlook something it drops down like a menu. Can you guys help me find it and correct it. Here'es the entire code for my xanga.

My Webpage too see it screwy yourself

everyone else who looks at it, sees it also

<style type="text/css">
/* Paradise Island */
/* by Cristina Cabiles (xanga.com/bloomingepiphany) */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
body {
border: 20px solid black;
background:black url(http://img.photobucket.com/albums/v198/ikayto/cool.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: Middle;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#ffffff;
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: right;
}
div.blogheader, .caption {
/* edits the dates */
width:330px;
font-family:arial;
text-transform:capitalize;
font-size:14px;
line-height:20px;
font-weight:regular;
color:#ffffff;
letter-spacing:0px;
background-color: #000000;
text-align: center;
border: 1px solid #ffffff;
border-width: 1px 1px 0px 1px;
filter: alpha(style=0,opacity=60);
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#ff9900;
font:normal 11px arial;line-height:10px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#ffff66;
font:normal 11px arial;
line-height:10px;
text-decoration: line-through;
}
{
/* edits when user mouseovers the links */
color:#ffffff;
font:bold 18px arial;
line-height:10px;
cursor: hand;
text-decoration: none;
}
table.left {
/* this edits the menu module */
border: 1px solid #CC9933;
width:160px;
background-color: #;
filter: alpha(style=0,opacity=85);
color: #ffffff;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #ffffff;
background-color: #000000;
width:800px;
border-width: 1px 1px 1px 1px;
filter: alpha(style=0,opacity=100);

}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image:
url(http://img65.photobucket.com/albums/v198/ikayto/DriftinPlace.gif);
background-repeat: no-repeat;
background-position: middle;
background-color: #ffffff;
width:400px;
font: bold 14px arial;
line-height: 50px;
text-transform: capitalize;
color: #000000;
border: 1px solid #ffffff;
border-width: 1px 1px 1px 1px;
text-align: middle;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #000000;
border: 1px solid #000000;
border-width: 1px 1px 1px 1px
width:160px;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 2px solid #000000;
filter: alpha(style=0,opacity=60);
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #;
filter: alpha(style=0,opacity=60);
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 400px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
</style>