Transparent Scrollbars not working 0_o Options

[SharperMyspace]

I have already used the same code for transparent scrollbars, and it has always worked. But today I tried making a div with transparent scrollbars, and they didn't work. Is anyone else having this problem?

CODE

<div class="bg" style="position: absolute; left:200px; top:120px; width:600px; height:407px; overflow: hidden;">
<img src="http://www.sharpermyspace.com/images/layouts/divs/roundeddiv/lay.gif" />
</div>

<style>
.content {
filter:chroma(color= 28a8ca);
scrollbar-arrow-color: FFFFFF;
scrollbar-face-color: 28a8ca;
scrollbar-3dlight-color: 28a8ca;
scrollbar-darkshadow-color: 28a8ca;
scrollbar-highlight-color: 28a8ca;
scrollbar-shadow-color: 28a8ca;
scrollbar-track-color: 28a8ca;
base-color: 28a8ca;
}
</style>

<div class="content" style="position: absolute; left:288px; top:184px; width:431px; height:282px; overflow: auto;"><center>

<p align="center">
<a href="http://www.myspace.com/">Home</a>
| <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXX">Add</a>
| <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXX">Message</a>
| <a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXX">Friends</a>
| <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXX">Pictures</a>
| <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXX">Comments</a>
</p>

<div class="text">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas semper, dolor et euismod ullamcorper, justo lectus tincidunt orci, sed malesuada odio massa eget velit. Fusce lectus. Aenean ultrices diam ac odio. Sed vulputate. Duis libero felis, porttitor vel, congue in, pulvinar vitae, elit. Praesent posuere magna ut orci. Etiam porttitor mauris sit amet felis. Phasellus augue diam, accumsan vitae, interdum convallis, tempus quis, nunc. Pellentesque eu mi vitae libero ornare scelerisque. Aenean vel dolor at tellus cursus lobortis. Vivamus nisl. Duis eros. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque porttitor viverra arcu. Mauris ultrices mauris vel justo. Phasellus vel purus eu massa fermentum ornare. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas semper, dolor et euismod ullamcorper, justo lectus tincidunt orci, sed malesuada odio massa eget velit. Fusce lectus. Aenean ultrices diam ac odio. Sed vulputate. Duis libero felis, porttitor vel, congue in, pulvinar vitae, elit. Praesent posuere magna ut orci. Etiam porttitor mauris sit amet felis. Phasellus augue diam, accumsan vitae, interdum convallis, tempus quis, nunc. Pellentesque eu mi vitae libero ornare scelerisque. Aenean vel dolor at tellus cursus lobortis. Vivamus nisl. Duis eros. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque porttitor viverra arcu. Mauris ultrices mauris vel justo. Phasellus vel purus eu massa fermentum ornare. Pellentesque eu mi vitae libero ornare scelerisque. Aenean vel dolor at tellus cursus lobortis. Vivamus nisl. Duis eros. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque porttitor viverra arcu. Mauris ultrices mauris vel justo. Phasellus vel purus eu massa fermentum ornare.


</div></div>

Reason for edit: Codebox tags. - Cristy