blog positioning is fine..but.., moving scroll bars?? Options

[p4ige007]

please help....i have been working on my napoleon dynamite skin for a while cuz i am really new to this and i have the blog positioning right but i cant seem to get the scroll bars to move over.....all the text is inside of the correct box but the scroll bars arent positioned right.....any idea what's wrong??heres the code ...

<!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />document.title = ('ii like your sleeves<33');<br /></script><br /><IMG SRC="http://img.photobucket.com/albums/v305/p4ige007/NDfinal.jpg" WIDTH=500 HEIGHT=700 BORDER=0 ALT="" USEMAP="#ND1_Map"><br /><MAP NAME="ND1_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="350,343,394,349" HREF="http://www.xanga.com/logout.asp"><br /><AREA SHAPE="rect" ALT="" COORDS="315,343,340,349" HREF="http://www.xanga.com/claf"><br /><AREA SHAPE="rect" ALT="" COORDS="232,344,307,349" HREF="http://www.xanga.com/private/subscriptions.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="182,343,223,351" HREF="http://www.xanga.com/private"><br /><AREA SHAPE="rect" ALT="" COORDS="140,343,173,350" HREF="http://www.xanga.com"><br /><AREA SHAPE="rect" ALT="" COORDS="96,343,134,350" HREF="http://www.xanga.com/signin.aspx"><br /></MAP><br /><!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 560px; height: 300px; margin-top: -320px; margin-left: 10px;"><br /><!-- end code provided by createblog.com --><br /><style type="text/css"><br />table.header, table.main, table.footer, table.navigation {<br />/* edit width */<br />width:500;<br />}<br />table.blogbody {<br />width:490;<br />align: center;<br />}<br />div.blogheader, .caption {<br />width:485;<br />align:center;<br />}<br />body {<br />background:white;<br />font-family: arial;<br />font-size:8px;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {<br />display: none;<br />} <br /><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />div {filter:chroma(color=#00FF00);<br />scrollbar-arrow-color: #333333;<br />scrollbar-face-color: #00FF00;<br />scrollbar-3dlight-color: #00FF00;<br />scrollbar-darkshadow-color: #00FF00;<br />scrollbar-highlight-color: #00FF00;<br />scrollbar-shadow-color: #00FF00<br />scrollbar-track-color: #00FF00;}<br /></style> <br /><br /><style type="text/css"><br />/* <span class='searchlite'>ii like your sleeves<33</span> */<br />/* (C)2005 - p4ige_rox */<br /><br />div.blogheader, .caption<br />{font-family: arial;<br />font-size:8pt;<br />color:#000000;<br />text-align:right;<br />font-weight:bold;}<br /><br />.blogbody b, .standard b, p b, strong {<br />font-family: arial;<br />font-weight: bold;<br />color: #ff6699;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #ffffff;<br />font:normal 8pt terminal;<br />background-color: ffffff;<br />font-color: #ff6699;}<br /><br />table.footer TD {<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #000000;<br />font: bold 8pt ms comic sans;<br />text-transform: none;<br />text-align:center;<br />border: #000000 1px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:ffffff;<br />border: none;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />background-color:transparent;<br />font-family: terminal;<br />BORDER: none;<br />width:385px;}<br /><br />a:link<br />{line-height: 9pt; <br />font-family: arial;<br />font-weight:normal; <br />color: #ff6699; <br />text-transform:none;<br />font-size:8pt;<br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color: 333333; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color: 333333; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover <br />{font-family:arial;<br />color: black;<br />text-transform: none; <br />cursor: crosshair; <br />font-weight:none;<br />font-size:8pt}<br /></style><br /><!-- end code provided by createblog.com -->

[p4ige007]

um...i already have that..its in the code i posted above ..

<div style="overflow: auto; width: 560px; height: 300px; margin-top: -320px; margin-left: 10px;">

[lovescream]

um...i already have that..its in the code i posted above ..

My bad. I probably scrolled down too fast.

How about.. edit the width. Make the width smaller.