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 -->

[lovescream]

Yo, the layout on your site is jacked up.

Have you considered div layering?

<!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: ###px;<br />height: ###px;<br />margin-top: ###px;<br />margin-left: ###px;"> <br /><!-- end code provided by createblog.com -->

Play around with the numbers. You shall get it soon.