salve a tutti,

da una ricerca in questo forum ho tratto il seguente codice:
codice:
body { 
scrollbar-face-color: #E5E3D4; 
scrollbar-shadow-color: #8A8880; 
scrollbar-highlight-color: #FFFDEC; 
scrollbar-3dlight-color: #FFFDEC; 
scrollbar-darkshadow-color: #E5E3D4; 
scrollbar-track-color: #E5E3D4; 
scrollbar-arrow-color: #8A8880; 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
}
perfetto mi serve per colorare le barre di scorrimento del browser!
ora però il mio problema si sviluppa in questi termini:

codice:
<div class="sezione">
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
</div>
in sezione c'è l'opzione overfow: auto ed infatti dato che i testi contenuti in sezione superano di gran lunga la lunghezza dell'area che ha altezza fissa mi appare la barra di scorrimento verticale.
Ora io vorrei personalizzare tale barra, ma facendo in modo che non mi venga modificata quella del browser qual'ora compaia.

In breve quella della finestra del browser al solito in 3d e grigia, mentre quella dentro la struttura piatta e colorata.
il codice che ho estratto dall'altra discussione dove lo devo piazzare?

Grazie mille!