To forskellige scrollbars

Jeg har nedestående div-felt med overflow=auto.

<div style="position:absolute; background-color:blue; top:160px; left:205px; width:585px; height:365px; padding:0px; margin:0px; z-index:25; overflow:auto;">
<table>
  <tr>
    <td class="scrollbar">test test test.. </td>
  </tr>
</table></div>

Jeg vil gerne have ændret scrollbar'ens udseende i tabellen, men ikke scrollbaren i browseren. Kan det lade sig gøre via CSS at have to forskellige scrollbars?? Jeg har prøvet følgende (som ikke lykkedes)

td.scrollbar {
  scrollbar-3d-light-color:#003366;
  scrollbar-arrow-color: #003366;
  scrollbar-base-color: #003366;
  scrollbar-dark-shadow-color: #003366;
  scrollbar-face-color: #003366;
  scrollbar-highlight-color: #003366;
  scrollbar-shadow-color: #003366;
}

Det skal ikke være mha iframe.

Håber på hjælp

Stig