need help w/ text in blog and transparency Options

[origamiwarrior02]

okay, my blog is in the right spot, but the text is squished for some reason...cause i can put my mouse in the blank area and it still scrolls...how do i make my text fit in the blog box?? (if that makes sense...lol)...this skins isn't finished yet...still gotta fix link colors, etc...

Click here

also, how do you make the scrollbar track, etc...transparent?? thanks!!

here's my code

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v118/origamiwarrior02/Celeb%20Pics/Layouts/xcheerl.png" WIDTH="760" HEIGHT="725" BORDER="0" USEMAP="#xcheerl"><br /><br /><MAP NAME="xcheerl"><br /><AREA SHAPE="rect" COORDS="185,686,232,714" HREF="http://www.xanga.com"><br /><AREA SHAPE="rect" COORDS="244,687,292,713" HREF="http://www.xanga.com/profile.aspx?user=xoHollisterChickox"><br /><AREA SHAPE="rect" COORDS="305,689,355,708" HREF="http://www.xanga.com/private"><br /><AREA SHAPE="rect" COORDS="367,685,436,709" HREF="http://www.xanga.com/claf"><br /><AREA SHAPE="rect" COORDS="445,688,500,710" HREF="http://www.xanga.com/private/subscribeto.aspx?user=xoHollisterChickox"><br /><AREA SHAPE="rect" COORDS="511,687,552,711" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" COORDS="557,689,581,711" HREF="http://www.xanga.com/logout.aspx"><br /><AREA SHAPE="rect" COORDS="314,708,376,725" HREF="http://www.xanga.com/private/subs.aspx"><br /><AREA SHAPE="rect" COORDS="389,710,464,725" HREF="http://www.createblog.com"><br /><AREA SHAPE="rect" COORDS="121,717,209,724" HREF="http://www.xanga.com/origamiwarrior02"><br /></MAP><br /><div style="position:static; overflow: auto;<br />width: 400px;<br />height: 350px;<br />margin-top: -400px;<br />margin-left: 200px;<br />"><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:400px;}<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 />/* Name of Your Skin - By You*/<br />table.navigation, table.footer { display:none; }<br />body {<br /><br />background-image:url(http://img.photobucket.com/albums/v118/origamiwarrior02/Celeb%20Pics/Layouts/Image271.jpg);<br />background-repeat: repeat-y-x;<br />background-position: left;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #transparent;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<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: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<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 />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}<br /></style><br /><!-- end code provided by createblog.com -->

[*mona lisa*]

well, i see that the CSS isn't all fixed yet, so maybe you should customize the whole thing first. as for the transparent scrollbar, use this:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />div {<br />filter:chroma(color=#00FF00); <br />scrollbar-arrow-color: #FFFFFF;<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 />}<br /></style> <br /><!-- end code provided by createblog.com -->

the color code in the chroma parentheses tells which color will be made transparent. so every part of the scrollbar that you put that color in will be transparent. every other color code will show up. but it will show only in IE browser.