Probs, Me again..... Options

[OneOfTheseDayz]

ok I have 3 probs

1 My backrounds overflow wont hide.

2 The blog isn't centering

3 When I try to make it so only a y overflow in the blog is supposed to work the x part of the post cuts off..... ( thats why it says scrolling)

please help ( and please don't say somthing like " change the scroll overflow to hidden" it dosn't work)

CODE

<!-- begin code provided by createblog.com -->
<div id="Menu" style="position:static; margin-left: -15px; margin-top: -130px; overflow: hidden; ">
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG
SRC='http://img68.imageshack.us/img68/3664/layotu4me1db.png'
border=0 width=1024 height=768 USEMAP='#imgmap'>


<div id="Menu" style="position:static; margin-left: 380px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: none;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Blah blah blah blah blah

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<div id="Blog" style="position:static; margin-left: -190px; margin-top: -343px; border: 0px solid #ffffff; height: 354; width: 343px; overflow: scroll;">


<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left,
td.mainleft, table.left TH, table.left
TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere
{display: none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;
}
body {
margin-left:12px;
margin-right:0px;
margin-top:0px;
background: url();
body {
scrollbar-arrow-color: #000000;
scrollbar-track-color: #e5e5e5;
scrollbar-face-color: #e5e5e5;
scrollbar-shadow-color: #e5e5e5;
scrollbar-highlight-color: #e5e5e5;
scrollbar-darkshadow-color: #e5e5e5;
scrollbar-3dlight-color: #e5e5e5;
}

.navi {
color: #666666;
text-align: center;
font-family: verdana;
font-size: 11px;
}

.content {
background-color: #e5e5e5;
color: #000000;
font-size: 10px;
font-family: Verdana;
}

a:link {
color: #666666;
text-decoration: none;
}

a:hover {
color: #e5e5e5;
text-decoration: none;
}

a:active {
color: #ffffff;
text-decoration: none;
}

a:visited {
color: #666666;
text-decoration: none;
}
table.blogbody div.smalltext {
text-align: center;
margin-bottom: 15px;
border:0px solid;
}
.blogbody b, .standard b, p b, strong {
color:#9f190e;
}
.blogbody i, .standard i, p i, em {
color:#9f190e;
}
.blogbody u, .standard u, p u, u {
color:#9f190e;
border-bottom: 1px solid #721313;
}
.blogbody s, .standard s, p s, s {
color:#9f190e;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
input, select, textarea, .textfield, .button {
font:8pt arial;
color: #FFFFFF;
background-color: #transp;
}
table.search TD, table.search, table.announcements {
background-color: transparent;
border: none;
}
table.navigation{
/* the width of your blog with modules */
width: 100%;
border: none;
}
table.blogbody {
background-color: transp;
width:100%;
}
hr {
color: #000000;
width: 343px;
display: yes;
}
table.header, table.main, table.footer,{
/* edit width */
width: 343px;
}
table.blogbody, div.blogheader, .caption{
width: 343px;
}
td.maincenter {
text-align:center;
}
</style>
<http-equiv="imagetoolbar" content="no">

<html>

<script type='text/javascript'>
document.title = ('Blue.Convoy');
</script>
<style type="text/css">
hr {display:none;}
</style>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>
<!-- end code provided by createblog.com -->

Preview

[talcumpowder]

Make it bigger then. Or center it. Centering it should minimize the white space left over. No need to get snitty about it.
Oh. &make sure your page width setting is 100%, your date bars also have a similar pixel width (as your blog that is) and if you defined the div.smalltext property, that needs to be the same width as well.