Can you make an 'invisible' scrollbar in a div layer? You know the kind where only the top and bottom arrow shows and the rest is just transparent so you can see the background? On my site theres a star under the scrollbar and it looks sketchy when half of it is covered by a grey scrollbar.. If anyone knows the code would you please help me!! post here or mail me: Lucky_shibby@hotmail.com.. I would love you forever lol ;)

Basically the same as with iframes only everything's in the <div> tag, just change the parts you want transparent to the chroma filter colour

<div style="FILTER: chroma(color=#ff0000);
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;">

Would that be browser compliant? *hopes so*

I think it only works in IE. Not entirely sure, though.

Bah humbug, story of my life...

erm i wld lke to ask why y the code FILTER:chroma(color=#ffffff); is inserted, any font that is bold becomes lke there's this jagged border around it? :S

i forgot to add that it's only arial font which happens :S

It's a bug or something in some version of IE, a lot of people have experienced the problem but there's no solution (except to remove the filter code)