I’m creating customised scrollbar styles on a scrollable div using overflow-y:scroll property in CSS:
[CSS]scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #cccccc;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #666666;
scrollbar-base-color:#ffffff; [/CSS]
The problem is when the div does not need the scrollbars, the scrollbars turn into an “off” state in Internet Explorer… the above code seems to take over the default off state (or at least it is white and not seen) apart for a grey box around the arrow buttons.
Is there any other property which I’m not overwriting above?
I’m attaching a screen shot…
Thanks,
Matt