all my CSS works except my scroll bar! can someone please tell me whats wrong??

<style type="text/css">
<!--

A:link
{ text-decoration: none; color:#000000 }
A:visited
{ text-decoration: none; color:#000000 }
A:active
{ text-decoration: none; color:#000000 }
A:hover
{ text-decoration: line-through; color:#46A1D8;
cursor: crosshair}
{ 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 : ##46A1D8 }
-->
</style>

You have to put "body" before your scrollbar attributes, like this:

<style type="text/css">
<!--
A:link
{ text-decoration: none; color:#000000 }
A:visited
{ text-decoration: none; color:#000000 }
A:active
{ text-decoration: none; color:#000000 }
A:hover
{ text-decoration: line-through; color:#46A1D8; cursor: crosshair}
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 : ##46A1D8; }
-->
</style>