Help with coloured scroll-bars Options

[Sacha]

I can't seem to get my scroll-bar coloured. take a look at my code.. the bolded part is what i assume to be the scroll-bar section of the code. what am I doing wrong?? It comes up as a normal grey scroll bar for me...

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">
<div class="div1">
<font size=5>>Sacha<</font>
<br><br>
<img src="http://groups.myspace.com/images/no_pic.gif">
<br><br>

<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 250px FILTER: chroma(color=F4A460) allowTransparency;>"scrollbar-arrow-color:F4A460;
scrollbar-track-color:F4A460;
scrollbar-shadow-color:F4A460;
scrollbar-face-color:F4A460;
scrollbar-highlight-color:F4A460;
scrollbar-darkshadow-color:F4A460;
scrollbar-3dlight-color:F4A460;">


<style type="text/css">
body {
scrollbar-arrow-color:F4A460;
scrollbar-track-color:F4A460;
scrollbar-shadow-color:F4A460;
scrollbar-face-color:F4A460;
scrollbar-highlight-color:F4A460;
scrollbar-darkshadow-color:F4A460;
scrollbar-3dlight-color:F4A460;
overflow-x:hidden;
}
</style>



<p>My name is Sacha</p>
<p>I'm a guy</p>
<p>I live in the town centre of Walsall</p>
<p>Am seventeen years young
g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="66131276" type="hidden"><textarea name="f_comments" cols="40" rows="1" style="border-width: 1px; border-style: solid; border-color: FF1493; font-family: Tahoma; font-size: 12px; color: F8F8FF; background-color: FFC0CB;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: FF1493; font-family: Tahoma; font-size: 10px; font-color: F8F8FF; background-color: FFC0CB;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: FF1493; font-family: Tahoma; font-size: 10px; color: F8F8FF; background-color: FFC0CB;" type="reset"></form>

</div>
</div>

</div>

<style type="text/css">
.frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";}

</style>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

[*This Confession*]

Don't put it in there more than once.
ONLY put it in the code once.

CODE

<style type=text/css>

body {
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}</style>

[Sacha]

Right. So put that code in the bottom style tags?? Is that supposed to work? Because it hasn't...

[coldtrance]

remove this:
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 250px FILTER: chroma(color=F4A460) allowTransparency;>"scrollbar-arrow-color:F4A460;
scrollbar-track-color:F4A460;
scrollbar-shadow-color:F4A460;
scrollbar-face-color:F4A460;
scrollbar-highlight-color:F4A460;
scrollbar-darkshadow-color:F4A460;
scrollbar-3dlight-color:F4A460;">


<style type="text/css">
body {
scrollbar-arrow-color:F4A460;
scrollbar-track-color:F4A460;
scrollbar-shadow-color:F4A460;
scrollbar-face-color:F4A460;
scrollbar-highlight-color:F4A460;
scrollbar-darkshadow-color:F4A460;
scrollbar-3dlight-color:F4A460;
overflow-x:hidden;
}
</style>

and then add in what Confession gave you:

<style type="text/css">

body {
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}</style>

[Sacha]

Still not working...

[ekhast]

What browser are you using? If you are using Firefox it doesn't take the code.

[*This Confession*]

yea
It only works in IE and stuff like that

Firefox doesn't allow the whole coloring scroll bar stuff..
If you knew firefox pretty well you would know that though