layout question.... Options

[Dragongurl930]

My xanga

as you can see...theres a scroll bar thingy on meh entry...and im still such a noob at this...can someone help me get rid of the scroll bar?

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

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

<img src="http://home.att.net/~mimisk8/kogebgg.gif" alt="WeLcOMe To THe MuFfIN HeaD ZoNE~!!">

<script>
document.title = '+Avocadoes???????+';</script>

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

<style type="text/css">
/*
Blurred Hyperlinks - xanga.com/add_ons
- use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION
- STRENGTH means the blur power
- do not change or remove HEIGHT:0 and add="0"
*/
a:hover
{
filter:blur(add="0",direction="90",strength="10"); height:0;
}
</style>

<style type="text/css">

body {
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #80FF80;
scrollbar-face-color: #80FF80;
scrollbar-highlight-color: #80FF80;
scrollbar-darkshadow-color: #80FF80;
scrollbar-3dlight-color: #80FF80;
cursor: crosshair;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {
font:normal 11px Verdana;
color:black;
letter-spacing:0px;
text-align:left;
cursor:crosshair;
}
.blogbody b, .standard b, p b, strong {
font-weight: bold;
color: #black;
}
table.footer TD {
text-align: center;
}

div.blogheader, .caption {
font-family:Verdana;
text-transform:normal;
font-size:11px;
font-weight:bold;
color:#black;
background-color:#      ;
text-align: center;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color:#000000;
font:normal 11px Verdana;line-height:10px;
text-decoration: underline;
}

a:visited, a.footernav:visited,  {
color:#000000;
font:normal 11px Verdana;
line-height:10px;
text-decoration: underline;
}

input, select, textarea, .textfield, .button {
border: 1px solid #000000;
font:normal 11px Verdana;
background-color: #    ;
letter-spacing:0px;
color: #000000;
}

table.left {
border: 1px solid #000000;
background-color: transparent;
width:160px;
}

table.blogbody {
border: 1px solid #000000;
border-top: none;
width:380px;
}

table.left th {
background-color:#      ;
font: bold 11px Verdana;
text-transform: normal;
text-align: center;
color: #000000;
border: none;
}
table.left TD {
background-color: transparent;
border-top: 1px solid #000000;
}

table.search TD, table.search, table.announcements {
background-color:#      ;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
border: 0px solid #000000;
}
table.navigation, table.main, table.footer {
width: 550px;
}
table.navigation, table.footer {
background-color:transparent;
}
hr {
border: 1px solid #000000;
}

table.blogbody tr td {
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
text-align: center;
}
</style>
<div align=center>
<div style="border: 1px solid #000000; background:white; FILTER: alpha(opacity=70); overflow:auto; width:880px; height:700px;">

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

*not using code box cause it kinda messes the code up*

[Kenado]

If you're trying to get rid of the horizontal scroll try making the width bigger but not too much