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]

eh..i am having alot more problems then i thought..........to preview this skin i was using the xanga previewer thingy on createblog but when i put it on xanga its all messed up..like you cann see the css.....here is a screenshot when using the createblog previewer


yu can kinduf see how the scroll bar is way off to the right..then after i took this screen shot i decided to look at it on an actual xanga....and well its all weird..please help !! go check it out at http://www.xanga.com/home.aspx?user=ilikeyoursleeves_x