Scrollbar affecting font. Options

[comeupon]

When I use the transparent scrollbar script my font becomes bolder and mis-alligned. Just wondering if I didnt close a div or something? Heres my script with out the the script. Can anyone help me out and tell me where to stick it in if theres a coding error.

CODE

<!-- begin code provided by createblog.com -->
<script type='text/javascript'>
document.title = ("Doom... Doom... Doom...")</script>

<style type="text/css">
table.blogbody tr td {
/* this edits the left margin of blog */
 width:0px;
 padding-left: 3px;
 }
</style>

<style type="text/css">
Blah By Me
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #transparent;

#rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; }

table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #000000;
background-color: #Transparent;
width: 361px;
}

div.smalltext{
width: 300px;
padding: 0px;
text-align: left;}

.caption, .blogheader {
width: 361px;
padding: 0px;
font-family: arial;
font-size: 12pt;
text-align: center;
color: #000000;
background-color: #transparent;
text-transform: lowercaps;
margin-top: 5px;}

P, B, I, TD, TH
{font-family: verdana; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ffffff; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38B549; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: verdana;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>

<p align="center"><MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='405,149,419,187' HREF='http://www.xanga.com/'>
<AREA SHAPE='rect' COORDS='405,196,419,221' HREF='http://www.xanga.com/claf'>
<AREA SHAPE='rect' COORDS='405,230,419,270' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=ThornsUponTheRose'>
<AREA SHAPE='rect' COORDS='406,280,419,324' HREF='http://www.xanga.com/Private/subs.aspx'>
<AREA SHAPE='rect' COORDS='407,333,419,376' HREF='http://www.xanga.com/private'>
<AREA SHAPE='rect' COORDS='405,385,420,434' HREF='http://www.xanga.com/logout.aspx'>

<IMG SRC='http://img61.exs.cx/img61/6982/doomdoomdoom28tx.png' border=0 width=892 height=492 USEMAP='#imgmap'></p>

<div style="overflow:
auto;width: 394px;
height: 378px;
margin-top: -408px;
margin-left: -496px;">

<style type="text/css">.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor,#lblTimeZone,#pnlEprops, #rblEprops /* width of the comment page */{width:400px;}.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} </style>

<!-- end code provided by createblog.com -->

and heres the script im trying to apply

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #777777;
scrollbar-face-color: #00FF00;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-highlight-color: #77777;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00;
}
</style>

<!-- end code provided by createblog.com -->

Thanks in advance

[sherryvu]

Seems to have worked. Thanks a lot, can close now

problem solved

[ topic closed ]