Problem w/ Horizontal scrollbar Options

[StarCrystal]

I'm doing a layout for a friend. I'm on 800x600 resolution, but the horizontal scrollbar keeps going to the end of the background. I want it at the end of the image. Can anyone help me? Thanks in advanced.

The layout is hosted at: http://www.livejournal.com/~feelsobad

<!-- begin code provided by createblog.com --><br /><br />LASTN_OPT_ITEMS=>4<br /><br />GLOBAL_HEAD<=<br /><title>Timmy's World</title><br /><style type="text/css"><br /><!--<br />.shadowed img{visibility:hidden;position:absolute;top:0}<br />img.showme{visibility:visible !important; position:relative !important}<br /><br />body {<br />background-color: #7FAF38!important;<br />background-image: url(http://img328.imageshack.us/img328/1279/bg6xs.jpg) !important;<br />background-repeat: repeat-y !important;<br />background-position: 0% 0% !important;<br />margin-top: 365px;<br />color: black;<br />scrollbar-face-color:#7FAF38;<br />scrollbar-shadow-color:#7FAF38;<br />scrollbar-highlight-color:white;<br />scrollbar-3dlight-color:black;<br />scrollbar-darkshadow-color:black;<br />scrollbar-track-color: #7FAF38;<br />scrollbar-arrow-color:black;<br /> font-family: Verdana; font-size: 11px; <br />}<br /><br /><br /><br /><br /><br />A:link, A:visited, A:active {text-decoration: none; <br />color: white; <br />cursor:none;<br />font-weight: bold;<br />}<br />A:hover {text-decoration: none; <br />color: black; <br />cursor: crosshair;<br />background: #A2D27E;<br />}<br /><br /> <br /><br /><br />.head {<br />text-align: left;<br />font-family: Verdana; <br />font-weight: bold;<br />color: darkgreen;<br />font-size: 10pt; <br />height: 0; <br />text-align: left;<br />border-bottom: dotted 1px darkgreen; <br />letter-spacing: 2px;<br />}<br /><br /><br />.content {padding-left: 1px; <br />padding-right: 1px}<br /><br />select, input, textarea {border: dotted darkgreen 1px; <br />background-color: transparent; <br />font-family: Verdana; <br />font-size: 11px; <br />color: black; <br />line-height: 130%}<br /><br />TD{font-family: Verdana; font-size: 10pt;}<br /><br /><br /><br />table {<br />width: 580px;<br />margin-left: 300px;<br />margin-right: 100%;<br />z-index: 100;<br />}<br /><br />table table {<br />width: 100%;<br />margin:0;<br />}<br />table table table {<br />width: auto;<br />} <br />html>body table{<br />position: relative;<br />}<br />img.header {<br />position: absolute;<br />left:0; <br />top: 0;<br />z-index: -10;<br />}<br />html>body img.header  {<br />z-index: 1;<br />}<br />html>body div{<br />z-index: 2;<br />}<br />.shadowed img{<br />visibility:hidden;position:absolute;top:0<br />}<br />p .index {<br />color: black;<br />}<br /><br />p table table td.caption {<br />font-size:11pt;<br />font-weight: bold;<br />color: #3B9D47;<br />font-family: Verdana;<br />}<br /><br />.comments {<br />font-size: 10pt;<br />font-family: Verdana;<br />}<br /><br />.entrybox td{<br />text-align: justify;<br />font-family: Verdana;<br />}<br />.entrybox td.index {<br />text-align: right;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_WEBSITE<=<br /><div class="nav" style="position:absolute; top:170; left: 12; width: 275; height: auto; visibility: visible;"><br /><p class="head">The Man Behind the.. Something.</p><br /><b>Name:</b> TiMothy Phan<br><br /><b>Aka:</b> Timmy, "Hey you", "That one kid."<br><br /><b>Ethnicity:</b> Vietnamese<br><br /><b>Location:</b> Cali<br><br /><b>B-day:</b> June 21<br><br /><b>Status:</b> Single and looking;D<br><br /><b>Likes:</b> Domo-kun, drawing, anime, and um.. stuff. <br><br /><b>Dislikes:</b>  Things.    <br><br /><b>Music:</b> Puffy Ami Yumi          <br><br /><b>Description:</b>  The semi-smart Asian guy who will one day triumph as the ASB president in PHHS and make it on the badminton team! Go '07. (Naw, '06 all the way!)<br /><p><br /><br /><br />Haha. I hope you like your layout Ti<b>m</b>othy ! (blah I think I made the image too big x_x) You can add or delete whatever you want in your profile here. [But keep the credits please] xP Just remember what you put here for the LASTN_WEBSITE, you need to also copy into FRIENDS_WEBSITE as well. *points below* Just find "COPY YOUR PROFILE HERE". Self-explainatory.. <br><br />ALSO, you need to put a website in your info. "Manage" -> "Info". Just put http://www.livejournal.com/~phantim621 or whatever. Otherwise, the layout will be messed up.<br /><br /><br /><br /><p class="head">Credits</p><br />Layout by <a href="http://www.livejournal.com/~flareia">Lisa</a><br><br />Image found <a href="http://drew.corrupt.net/domo.html">here</a> <br><br />Brush credit: <a href="http://www.hakkai.net/unknown">x</a><br><br />Domo-kun (c) by its owners<br /><br /><br /><br /></div><br /><br /><br /><br /><!-- Image Map (Created by VisiMapperPro) timmylayout starts... --><br /><MAP NAME='imgmap'><br /><AREA SHAPE=RECT COORDS="312,342,409,385" HREF="http://www.livejournal.com/~phantim621" ALT="Rants" ><br /><AREA SHAPE=RECT COORDS="417,341,486,384" HREF="http://www.livejournal.com/userinfo.bml?user=phantim621" ALT="411" ><br /><AREA SHAPE=RECT COORDS="493,342,632,384" HREF="http://www.livejournal.com/users/phantim621/friends" ALT="Buddies" ><br /><AREA SHAPE=RECT COORDS="638,341,741,385" HREF="http://www.livejournal.com/allpics.bml?user=phantim621" ALT="Icons" ><br /><AREA SHAPE=RECT COORDS="747,340,894,385" HREF="http://www.livejournal.com/users/phantim621/calendar" ALT="Calendar" ><br /><!-- End of Map Definition --><br /></MAP><br /><br /><br /><img usemap="#imgmap" src="http://img312.imageshack.us/img312/907/timmylayout2ew.jpg" border="0" style="visibility: visible;" class="header"><br /><style type="text/css"><br /><br /><!--<br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />--><br /></style><br /><br /><=LASTN_WEBSITE<br />LASTN_TALK_READLINK<= <br /><a href="%%urlread%%"><b>%%messagecount%%</b></a> fan%%mc-plural-s%% of <br /><=LASTN_TALK_READLINK <br />LASTN_TALK_LINKS<= <br /><tr> <br /><td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align:right"><br /> %%readlink%%<a href="%%urlpost%%">domo-kun!</a><br /><br /><center><hr color="darkgreen"><br /><=LASTN_TALK_LINKS <br /><br /><br /><br /><br /><br /><br /><!-- end code provided by createblog.com -->

[jordanriane]

Add this code to your stylesheet under GLOBAL_HEAD.

CODE

   
body{      
         overflow-x: hidden;
         overflow:-moz-scrollbars-vertical;
}