Hi! I'm new to CSS. I've been trying to make transparent scrollbars but I can't. I know this topic had been posted for millions of times and I've go through them all but I just can't figure out what I did wrong with my code. Can anyone help? Here's my CSS code:

body { font-family: trebuchet ms; font-size: 8pt; color:#A4808B; text-align: justify; }

body { background-image:url('images/kazu_contents_bg2.gif'); background-repeat: no-repeat; background-attachment: fixed; }

a:link,a:visited { color:#A4808B; cursor: help; text-decoration: none; }

a:hover { color:#FFFFFF; cursor: help; text-decoration: none; height: 0; color: #FFFFFF; filter: glow(color="#A4808B, strength=10");}

body {
scrollbar-3dlight-color: #C29EA9;
scrollbar-arrow-color: #C29EA9;
scrollbar-base-color: #00FFFF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-face-color: #00FFFF;
scrollbar-highlight-color: #00FFFF;
scrollbar-shadow-color: #C29EA9;
scrollbar-track-color: #00FFFF; }

overflow-x:hidden; overflow-y:scroll; }


And here's my iframe code:

<IFRAME name="kazu" src="main.html" frameBorder=0 noResize width="316" height="383" framemargin="0" style="FILTER: chroma (color=#00FFFF)" allowTransparency="true"></IFRAME>

I wanted to make it transparent but it just won't work! :( And I've followed Jenny's tutorial too but it still won't work.

Try fixing up your CSS a bit...

a:link,a:visited { color:#A4808B; cursor: help; text-decoration: none; }

a:hover { cursor: help; text-decoration: none; height: 0; color: #FFFFFF; filter: glow(color="#A4808B, strength=10");}

body {
font-family: trebuchet ms; font-size: 8pt; color:#A4808B; text-align: justify; background-image:url('images/kazu_contents_bg2.gif'); background-repeat: no-repeat; background-attachment: fixed;
scrollbar-3dlight-color: #C29EA9;
scrollbar-arrow-color: #C29EA9;
scrollbar-base-color: #00FFFF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-face-color: #00FFFF;
scrollbar-highlight-color: #00FFFF;
scrollbar-shadow-color: #C29EA9;
scrollbar-track-color: #00FFFF;
overflow-y:scroll; }

See if that changes anything. Also make sure, if it's an external stylesheet, that above is the only thing you have in it, no other style tags etc.

I've done exactly what you said but still it won't become transparent. the scrollbar remains white. what did i do wrong again?

Can you post a link to the page with the problem? Might be something else wrong that's causing the problem

okay. here is it:

http://impure-innocence.cjb.net/

pls help...

ermm...is there anyone who can help me? please...i'm getting desperate.