Ayuda con capas.... en html

ayudenme en esto porfa...!!!

tengo esta capa q ala vez es un scrroll

#fondo {
position:absolute;
width:478px;
height:365px;
z-index:4;
left: 18px;
top: 12px;
overflow: auto;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#666666;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#666666;
scrollbar-shadow-color:#666666;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#FFFFFF;
}


funciona todo bien como yo quiero cuando lo veo en internet explorer.... pero cuando lo veo en firerfox no sale los colores q le di y mucho menos en zafari... alguien me puede ayudar porfa.....

scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#666666;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#666666;
scrollbar-shadow-color:#666666;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#FFFFFF;

Esto no anda en FF ni en Safari.

amigo y como puedo hacer para personalizar mi scroll para firefox
gracias.

Eso no te va a funcionar mas que en IE, y no es qu elos demas sean malos, es que asi debe ser

podes modificsarlo por medio de js pero sinceramente no te lo recomiendo, mi recomendación.....dejar las barras de scroll por default.

bueno, gracias