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]

thanks !! it works now !! ok well but there is a horizantal scroll bar at the bottom but i'll figure that out..but do you have any idea why the skin is so messed up on the actual xanga and not on the previewer and how i can fix it??