I'm using Iframes and I want to make the scrollbars transparent, and so far I got it to be transparent but the content inside the Iframe goes out of place. Here is my code:

<!--
div{
clip: auto;
position: absolute;
overflow: auto;
right: 204px;
top: 265px;
bottom: value;
width: 350px;
height: 180px;
border: 0;
overflow-x: hidden;
background-color: transparent;
direction: ltr;
scrollbar-3dLight-Color: #000000;
scrollbar-Arrow-Color: #000000;
scrollbar-Base-Color: #000000;
scrollbar-DarkShadow-Color: #000000;
scrollbar-Face-Color: #000000;
scrollbar-Highlight-Color: #000000;
scrollbar-Shadow-Color: #000000;
scrollbar-Track-Color: #000000;
filter: chroma(color=#000000);"
allowtransparency="true">

Is there anything I did wrong? or does the filter: chroma(color=#000000);"
allowtransparency="true"> only work in <Iframe> tags and not CSS divs?

background-color: transparent;

isn't nessecary, since div's are automatically transparent :)

filter: chroma(color=#000000);"
allowtransparency="true">

should be:

filter: chroma(color=#000000); }

then change scrollbar colours to something else aswell as the chroma color, since #000000 is a very common colour and might mess up things for other people when they can't see it right :)

Love,
Mirna

it works! Thank you! :)

Your welcome :)

Love,
Mirna