Transparent scrollbar causing text problems Options

[madshadow]

In my Xanga, I finally got the scrollbars to become transparent, but now the problem is...that the text is like...blurry.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><IMG SRC='http://img250.imageshack.us/img250/3845/itlayout3mf.jpg' border=0 width=1024 height=768 USEMAP='#imgmap'> <br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='521,85,606,110' HREF='http://www.xanga.com/profile.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='609,86,755,108' HREF='http://www.xanga.com/guestbook.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='759,83,892,110' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='526,112,608,132' HREF='http://www.xanga.com/signin.asp'><br /><AREA SHAPE='rect' COORDS='617,113,663,133' HREF='http://www.xanga.com/logout.asp'><br /><AREA SHAPE='rect' COORDS='671,112,758,133' HREF='http://xanga.com/private'><br /><AREA SHAPE='rect' COORDS='763,112,856,132' HREF='http://www.xanga.com/'><br /><AREA SHAPE='rect' COORDS='603,135,786,152' HREF='http://edit.xanga.com/claf.aspx'><br /></MAP><br /><br /><br /><div style="position:static; margin-left: 29px; margin-top: -643px;border: 0px solid #ffffff; width: 192px; height: 391px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /> <TBODY><br /> <TR><br />   <TD><br /><P class=nav><br /><!-- the place where chatterbox HTML code goes --><br /><!-- Flooble chatterbox for Madshadow start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=Madshadow&sid=2532169"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=Madshadow&sid=2532169&popup=true&w=480&h=400" <br />target="flooblechatterbox" <br />onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re<br />izable=no,copyhistory=no,width=480,height=400');return true;"><br /><img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0" <br />align="absbottom">Talk</a> <br />in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> | <br /><a href="http://www.blackjack-primer.com">Blackjack Guide</a><br /></noscript><br /><script language="javascript"> if (!chatterbox || chatterbox != 'ok') { <br />document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');<br />document.write(' temporarily unavailable. It will be back up shortly.'); } </script><br /><!-- Flooble chatterbox for Madshadow end --><br /><!-- the place where chatterbox HTML code goes --><br /></TBODY></TR></TD></TABLE><br /></div><br /><style type="text/css"><br />div {<br />filter:chroma(color=#40FF40);<br />body {<br />background: #00ff00 url;<br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #40FF40; /*transparent*/<br />scrollbar-shadow-color: #40FF40;/*transparent*/<br />scrollbar-face-color: #40FF40;/*transparent*/<br />scrollbar-highlight-color: #40FF40;/*transparent*/<br />scrollbar-darkshadow-color: #40FF40;/*transparent*/<br />scrollbar-3dlight-color: #40FF40;/*transparent*/<br />cursor:crosshair;<br />}<br /><br />/*Bloody Noose*/<br />/*by Chris*/<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br />body {<br /><br /><br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Arial;<br />font-size: 12pt;<br />text-align: left;<br />color: #COLOR;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH<br />{font-family: Arial; color: #0060BF; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FFFFFF; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#0069C8; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: Arial;<br />font-size: 8pt;<br />color: #FFFFFF;<br />font-weight: bold;<br />text-transform: lowercaps;<br /></style><br /><br /><div style="overflow: auto; width: 574px; height: 327px; margin-top: -365px; margin-left: 428px;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Thats my code, and the link to my xanga is: Xanga

Thanks for any help...
And instead of making another thread, i want to ask another question. I created my blog to be exactly the same size as the darker box, but when i write in it, the words do not fill the box...what can i do for this?

[talcumpowder]

I see no point in ever coloring scrollbars as they don't work in Mozilla, my main browser. So I can't really help you there. I think it may just be your monitor tho, because when I view your layout in IE the text is fine.
And, as for the blog, you need to change the size of it.

CODE

<style type='text/css'>table.blogbody {width: 400px;}</style>

Like that. You may also have to adjust the size of the div layer aswell.