Hey, I'm making a new site with iFrames which I would like to have a transparent scrollbar so just the arrows are showing.

This is the code in the header of the page with the iFrame in it:

<style>
BODY {
scrollbar-face-color:#66FF00;
scrollbar-arrow-color:#FFFFCC;
scrollbar-track-color:#66FF00;
scrollbar-shadow-color:#66FF00;
scrollbar-highlight-color:#66FF00;
scrollbar-3dlight-color:#66FF00;
scrollbar-darkshadow-color:#66FF00;
}
</style>

and also in the iFrame command:

<IFRAME SRC="/cherarchives/mainbottomtxt.html" marginwidth="0" marginheigt="0" width="506" height="280" name="mainbottom" frameborder="0" scrolling="yes" style="FILTER: chroma(color=#66FF00)" allowTransparency></IFRAME>

I have this written in the header of the page contained in the iFrame

<style>
BODY {
scrollbar-face-color:#66FF00;
scrollbar-arrow-color:#FFFFCC;
scrollbar-track-color:#66FF00;
scrollbar-shadow-color:#66FF00;
scrollbar-highlight-color:#66FF00;
scrollbar-3dlight-color:#66FF00;
scrollbar-darkshadow-color:#66FF00;
}
</style>

Can someone please tell me what I am doing wrong, because it's removing the correct colour, but replacing it with white rather than the background of the iFrame page.

Thanks

Alex

have you tried just putting scrollbar-track-color:transparent; ? worth a shot, i suppose...also, you might want to put a class for your iframe and put the scrollbar settings in that class...like <iframe class="this" *rest of your iframe code*></this>

and have
.this{scrollbar-face-color:#....}