how do you make a div layers scrollbar coloured?
can it be done?

It will be the same colour as the scrollbar on the right side of the screen. I don't think there's anyway to make it coloured differently.

It can. Example....

<DIV id="example" style="position: absolute; top: 400px; width:200px; left: 0px; height:100px; overflow: auto; background-color: #000000; border-color:#ffffff; border-style: dashed; border-top-width: 1px; font :12px; border-right-width: 1px; border-left-width: 1px;
border-bottom-width: 1px; SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #F4DC9E;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #000000;" align=left>

Thats a huge example with loads of stuff in lol but just take out anything you dont need/edit it :)

It would be easier to do something like this? -

<style type="text/css">
.example{
position: absolute; top: 400px; width:200px; left: 0px; height:100px; overflow: auto; background-color: #000000;
border-color:#ffffff; border-style: dashed; border-top-width: 1px; font :12px; border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px; SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #F4DC9E;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #000000;
}
</style>

<div class="example">
Text
</div>

or something like it - LOL.

thank you so much guys! you really helped a lot!!