farvet scrollbar

Hvordan får jeg sat  nedenstående ind i resten af mit css som vises nederst.. jeg har prøvet bare at sætte det ind, men scrollbaren reagerer ikke på det :(
body     
{ 
border: #92BCE6; scrollbar-3dlight-color: #E4E9EC; scrollbar-arrow-color: #FEC820; scrollbar-darkshadow-color: #92BCE6; scrollbar-highlight-color: #92BCE6; scrollbar-shadow-color: #E4E9EC; scrollbar-track-color: #F1F6F9 
}




body {margin: 20px; width: 540px; margin-top: 15px}
body,td,input,textarea,select {font: 11px verdana,arial,sans-serif}
form {display: inline}
table {border-collapse: collapse}
#list table {width: 100%}
#list th {font-weight: bold; text-align: left; border-bottom: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA; padding: 3px}
#list td {vertical-align: top; border-bottom: 1px solid #CECECE; padding: 3px}
a  { color: #4682b4; text-decoration: underline; background-color: transparent }
a:hover {text-decoration: none}
h1  { font: bold 20px "trebuchet ms", verdana, helvetica, sans-serif; text-decoration: underline }
h2 {font: bold 15px trebuchet ms,verdana,helvetica,sans-serif; margin-top: 0}
h3 {font: bold 11px verdana,arial,sans-serif; margin-top: 0}
hr {height: 1px; color: black; background: black}
a.author {text-decoration: none; color: #CCCCCC; float: right}
a.author:hover {text-decoration: none; color: #CCCCCC; float: right}