I made a transparent scrollbar for a CSS div and when I view the text, they look like they have drop shadows and it's very annoying. How do you get rid of this? Here's my code:

<!--
div{
clip: auto;
position: absolute;
overflow: auto;
right: 205px;
top: 20px;
bottom: value;
width: 350px;
height: 420px;
border: 0;
overflow-x: hidden;
direction: ltr;
scrollbar-3dLight-Color: #99CC99;
scrollbar-Arrow-Color: #FFFFFF;
scrollbar-Base-Color: #99CC99;
scrollbar-DarkShadow-Color: #99CC99;
scrollbar-Face-Color: #99CC99;
scrollbar-Highlight-Color: #99CC99;
scrollbar-Shadow-Color: #99CC99;
scrollbar-Track-Color: #99CC99;
filter: chroma(color=#99CC99);
}

and also, the scrollbar sort of occasionally "jams" or doesn't scroll smoothly...does anyone know how to fix this?

do you happen to use WinXP?
the only way to fix this is to remove the chroma filter out of your coding. I have this problems aswell on my mother's laptop (wich uses winxp) and the only way to fix this is to have no chroma filter in the div.

Love,
Mirna