hey, to everyone out there who's reading this and is about to help, thanks! Basically my problem is that, I only want my scrollbar colors to be changed so I made a style sheet with only my scroll bar stuff in it, here it is <style type="text/css">
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 1;
padding-bottom: 1;
padding-left: 1;
padding-right: 1;

</style>


for some reason, this isn't working, can anyone either telll me why, or what I can do to fix it? thanks!

Just use this code:
<style type="text/css">
Body {
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
}

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 1;
padding-bottom: 1;
padding-left: 1;
padding-right: 1;

</style>


I think that's it...

Close, this should fix it up the way you want...
<style type="text/css">
body {
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;

margin-top: 1;
margin-bottom: 1;
margin-left: 1;
margin-right: 1;
padding-top: 1;
padding-bottom: 1;
padding-left: 1;
padding-right: 1;
}
</style>
If this is an external stylesheet, you'll want to remove the <style> tags as well