I'm not seeing what I am doing wrong here. Please help me as I have a similar page coded like this and the Scrollbar Style works.

<link rel="stylesheet" href="/Styles/StyleAllPages.css" type="text/css">

<STYLE>
BODY{
scrollbar-arrow-color: #A49C46;
scrollbar-3dlight-color: #DFFDEE;
scrollbar-highlight-color: #BAD369;
scrollbar-face-color: #FBC9FC;
scrollbar-shadow-color: #CCFBC4;
scrollbar-darkshadow-color: #999B39;
scrollbar-track-color: #FBDFFD;
}
</style>

<style type="text/css">
a {color:#00C100; text-decoration:none; font-style:normal; font-weight:500;}
v {color:#24A11F; text-decoration:none; font-style:normal; font-weight:500;}
u {color:#006300; text-decoration:none; font-style:normal; font-weight:500;}
a:hover {color:#F0EBC1; text-decoration:none; font-style:normal; font-weight:500;}
BODY {background-color: #CCFFCC; background-image: url("LeBgMjc2.png");}
p,td,div {font-family:verdana,arial,helvetica,sans-serif; font-size:9px; line-height: 14px; margin-left:0%; margin-right:0%; padding:0;}
</style>

Thanks in advance,
Angelique