Layout goes too far to the right Options

[rainyoctober]

Ok this is the code I'm using:

Layout made by <a href="http://www.createblog.com/layouts/index.php?author_id=28991" title="More layouts by this person">mznikki</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
Layout made by <a href="http://www.myspace.com/nikkiee" title="More layouts by this person">mznikkie</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
<style>body{background:url(http://layouts.cbimg9.com/29/14490c.jpg) fixed bottom left no-repeat}</style>

<style type="text/css">
body { text-align:center;
background-color:FFFFFF; }
table, td {background:none; border:1px;}
table table table {background-color:white;}
table table table {
border-width:1px;
border-color:000000;
border-style:solid;
padding:1px; }
table table table table { border:0px; }
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:sans-serif !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:000000 !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10 {color:000000 !important;}
a {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}
.text {align:left}
input {background-color:transparent !important;}
</style><br><br>


<style>body{scrollbar-face-color:white;
scrollbar-shadow-color:white;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:black;
scrollbar-track-color:white;
scrollbar-arrow-color:black}</style>

<style type="text/css">
img { filter: none; }
a:hover img { filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=4);
}
</style>

<style type="text/css">

.btext {font: normal 10pt small fonts; text-transform: ; letter-spacing: -1px; text-align: right; font-color: C4DF9B }

</style>


<style type="text/css">

table table { border: 1px }
table table table table{border:1px}
table table table {
border-style:solid;
border-width:1px;
border-color:black;
background-color:white;
}
TABLE, TD {background-color:none;border:none; border-width: 0px; color:COLOR HERE; font: normal px sans-serif; padding: 0px; text-transform: ; width:350px; text-align:justify;}
TABLE TABLE {background-color:transparent;border: none;color:; font: normal px sans-serif; padding: 0px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE {background-color:;border: 1px solid;border-color:;font: bold px ; height: .01%; width: 100%; padding: 1px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE TABLE {background-color:transparent;border:none;color:; font: bold px sans-serif; padding: 0px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; color:; font: normal px ; padding: 0px; text-transform: uppercase; }
TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; font: bold px ; padding: 0px; text-transform: uppercase; }
TD TD {text-align: normal;}
TD TD TD {text-align: normal;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}
TD TD TD TD TD {border-top: 1px solid black; text-align:justify;}
TD TD TD TD TD TD {border: 0px solid;}
table table td.text table td.text table table tbody td table, span.btext {display: }
img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

</style>

<style type="text/css">

table, td, p, span, li, strong, div{color: black; font-family:; text-transform: lowercase; font-size: pt;letter-spacing:0px; font-weight:normal;}

.text {font-family: ; font-size: pt; color: ; }


</style>


<style type="text/css">
body{
padding-left: 200px; }
</style>
<style>.r{}</style>


<style type="text/css">.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("http://layouts.cbimg9.com/29/14490d.jpg");background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>


<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://layouts.cbimg9.com/29/14490e.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:400px; height:200px; display:block !important; }
span.blacktext12 img {display:none;}

{removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}

{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}

</style>
<style>.r{}</style>



I also use these codes:

to switch my tables so my info is on the right and interests etc is on the left:

<style type="text/css">table {direction:rtl;}table table table {direction:ltr;}</style>
<b style=position:absolute;left:0;top:0;>




and to remove the second toolbar on the top of the page:

<style type="text/css">div td font {visibility:hidden;}.navbar {visibility:visible;}</style><div style="position:absolute;z-index:9;left:0px;top:0px;">






This is the link to my page: http://www.myspace.com/rainy_october

The problem: The layout pushes the page too far to the right so a scroll bar appears on the bottom and to see my entire profile, you have to scroll to the right. I don't like this much and I read through a huge number of topics on here to see if anyone might have had the same problem and wasn't very successful so I'm gonna try my luck here. I do like both of the tables sitting to the right side so I can see the background image...I just dont want them so far right that you have to scroll side to side on the page.

I use Internet Explorer at home and Firefox at work so if anyone has a fix, hopefully it will work for both browsers. Also my screen res is 1024x768. I can't think of anything else that might possibly be revelant to this problem and I appreciate any and all feedback that I get from this.

I guess while I'm asking, is there anyway to remove the age from showing up on my profile? Not that I mind people knowing I'm 34 or anything, but rather get tired of the 'older' guys hitting me up constantly because I'm 'in their age group'.

Thanks in advance :)