Custom Scrollbar Help with DIV layout Options

[jjmusicman29]

How do I get a scrollbar like this:



For my DIV layout? I want the scroll bar for my custom comment box (I had to break apart the code because the code originally hid my comments from view) and also for my marquee friend pictures. Thanks!!

My code

About Me:
<style>
.comments{visibility:visible;width:500px;height:200px;position:absolute;top:880p
;left:50px;
overflow:auto;background-color:999999;z-index:3;}
</style>





<style type="text/css">
body{background-color:E5EAEE;scrollbar-face-color:A6A8AC;scrollbar-3dlight-color:E5EAEE;scrollbar-shadow-color:ACBDC8;scrollbar-track-color:E5EAEE;scrollbar-darkshadow-color:E5EAEE;scrollbar-arrow-color:ffffff;scrollbar-highlight-color:ACBDC8;}
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table




embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
a:actice img,a:visited img,a:link img{border:0;cursor:crosshair;border:black 1px solid}
a:hover img{filter: progid:DXImageTransform.Microsoft.Pixelate(maxsquare=4);cursor:crosshair;border:
px solid;border-color:D5E0ED}
textarea{font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:uppercase;background-color: ffffff;border: 0px solid ;border-color:000000; cursor:default;line-height:9px;background-image:url();background-position:bottom left;background-repeat:no-repeat}
input {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:uppercase ;background-color: ffffff;border: 0px solid ;border-color:000000; cursor:defaultline-height:9px;}
marquee{font-family:arial;font-size:11px; color:D5E0ED;font-weight:bold;text-decoration:;letter-spacing:0px;text-transform:lowercase;line-height:11px;cursor:crosshair;text-align:center;border-bottom:1px dashed;border-bottom-color:000000}
b{font-family:times;font-size:20px;color:D5E0ED;font-weight:normal;text-decoration:none;letter-spacing:-2px; text-transform:lowercase;line-height:12px;cursor:crosshair;text-align:center;}
i{font-family:times;font-size:20px;color:ffffff;font-weight:bold;letter-spacing:-2px; text-transform:lowercase;line-height:12px;cursor:crosshair;text-align:center;}
u{font-family:times;font-size:20px;color:D5E0ED;font-weight:normal;text-decoration:underline;letter-spacing:-2px; text-transform:lowercase;line-height:12px;cursor:crosshair;text-align:center;}
s{font-family:times;font-size:20px;color:ffffff;font-weight:normal;letter-spacing:-2px; text-transform:lowercase;line-height:12px;cursor:crosshair;text-align:center;}
font, td,table, body, td, li, p, div, li, h1, h2, p, br,.text{font-family:small fonts;font-size:9px;color:ffffff; font-weight:normal;text-decoration:none;letter-spacing: 0px;text-transform:uppercase;line-height:9px;cursor:crosshair}
a:active, a:visited, a:link {font-family:small fonts;font-size:7px;color:ffffff;font-weight:normal;text-decoration:none;letter-spacing:0px; text-transform:uppercase;line-height:9px;cursor:crosshair}
a:hover{font-family:small fonts;font-size:7px;color:ACBDC8;font-weight:normal;text-decoration:none;letter-spacing:0px;text-transform:uppercase;line-height:9px;cursor:crosshair}
.decemberunderground{position:absolute;left:0px;top:0px;z-index:1; padding:0px;border:0px;background-color:transparent;}
.layer1{position:absolute;left:17px;top:422px;width:390px;height:252px;border:tr
nsparent1px solid;z-index:2;overflow:auto;scrollbar-face-color:A6A8AC;scrollbar-3dlight-color:A6A8AC;scrollbar-shadow-color:A6A8AC;scrollbar-track-color:A6A8AC;scrollbar-darkshadow-color:A6A8AC;scrollbar-arrow-color:000000;scrollbar-highlight-color:A6A8AC;}
.layer2{position:absolute;left:16px;top:723px;width:580px;height:96px;border:tra
sparent1px solid;z-index:2;overflow:auto;scrollbar-face-color:A6A8AC;scrollbar-3dlight-color:A6A8AC;scrollbar-shadow-color:A6A8AC;scrollbar-track-color:A6A8AC;scrollbar-darkshadow-color:A6A8AC;scrollbar-arrow-color:000000;scrollbar-highlight-color:A6A8AC;}
.layer3{position:absolute;left:622px;top:691px;width:323px;height:177px;border:t
ansparent1px solid;z-index:2;overflow:auto;scrollbar-face-color:A6A8AC;scrollbar-3dlight-color:A6A8AC;scrollbar-shadow-color:A6A8AC;scrollbar-track-color:A6A8AC;scrollbar-darkshadow-color:A6A8AC;scrollbar-arrow-color:000000;scrollbar-highlight-color:A6A8AC;}
</style>
<style>.r{}</style>



I'd like to meet:

<style>.r{}</style>
<div class="decemberunderground">
<IMG SRC="http://img506.imageshack.us/img506/3556/13719cpw8.jpg" WIDTH=957 HEIGHT=880 BORDER=0 ALT="" USEMAP="#decemberundergrounddiv_Map">
<MAP NAME="decemberundergrounddiv_Map">
<AREA SHAPE="rect" ALT="" COORDS="885,666,933,672" HREF="http://www.createblog.com/layouts/index.php?author_id=364198">
<AREA SHAPE="rect" ALT="" COORDS="825,157,933,171" HREF="http://www.createblog.com/">
<AREA SHAPE="rect" ALT="" COORDS="704,157,818,170" HREF="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=36435744">
<AREA SHAPE="rect" ALT="" COORDS="593,156,697,171" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=36435744">
<AREA SHAPE="rect" ALT="" COORDS="494,156,585,170" HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOURFRIENDIDHERE">
<AREA SHAPE="rect" ALT="" COORDS="355,156,486,170" HREF="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=36435744">
<AREA SHAPE="rect" ALT="" COORDS="242,156,348,172" HREF="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=36435744">
<AREA SHAPE="rect" ALT="" COORDS="135,156,236,172" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURFRIENDIDHERE">
<AREA SHAPE="rect" ALT="" COORDS="70,157,129,171" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=36435744">
<AREA SHAPE="rect" ALT="" COORDS="16,157,64,170" HREF="http://home.myspace.com/index.cfm?fuseaction=user">
</MAP></div>
<div class="layer1"><table><tr><td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=36435744"><img src="http://myspace-265.vo.llnwd.net/00541/56/24/541834265_m.jpg"></a><td>
<b>Age</b>:15<br>
<b>Name</b>:James<br>
<b>Status</b>:Single<br>
<b>Religion</b>:Christian<br>
<b>Location</b>:Friendswood, TX<br>
<b>Body Type</b>:Uhh..?<br>
<b>Ethnicity</b>:Hispanic/White<br>
<b>Orientation</b>:Straight<br>
<b>Zodiac Sign</b>:Gemini<br></td></tr></table><br><center>Write About Yourself Here.<br><b>bold</b>,<i>italic</i>,<u>underline</u>,<s>strikethrough</s>.<br><br></div>
<div class="layer2"><center><marquee scrollamount="3"direction="right"style="padding-top:10px;"><a href="http://www.myspace.com/cabana2"><img src="http://myspace-537.vo.llnwd.net/00486/73/52/486072537_s.jpg"width="73px"></a> <a href="http://www.myspace.com/xlilxdcxgurlx1028"><img src="http://myspace-154.vo.llnwd.net/01357/45/13/1357773154_s.jpg"width="73px"></a> <a href="http://www.myspace.com/Snoop514"><img src="http://myspace-763.vo.llnwd.net/01360/36/74/1360904763_s.jpg"width="73px"></a> <a href="http://www.myspace.com/cigsandxcoffeemugs"><img src="http://myspace-067.vo.llnwd.net/01324/76/03/1324303067_s.jpg"width="73px"></a> <a href="http://www.myspace.com/geo_sanz"><img src="http://myspace-255.vo.llnwd.net/00943/55/27/943717255_s.jpg"width="73px"></a> <a href="http://www.myspace.com/amsislife"><img src="http://myspace-892.vo.llnwd.net/00971/29/89/971169892_s.jpg"width="73px"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=38919635&MyToken=c9fcd5c2-6ca2-40c7-a26e-29a0e93958f6"><img src="http://myspace-446.vo.llnwd.net/00625/64/40/625650446_s.jpg"width="73px"></a> <a href="http://www.myspace.com/hott_tygra"><img src="http://myspace-388.vo.llnwd.net/01203/88/33/1203043388_s.jpg"width="73px"></a> <a href="http://www.myspace.com/ghettochik08"><img src="http://myspace-511.vo.llnwd.net/01302/11/55/1302115511_s.jpg"width="73px"></a> <a href="http://www.myspace.com/trackhottie1399"><img src="http://myspace-382.vo.llnwd.net/00542/28/33/542543382_s.jpg"width="73px"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=104908612&MyToken=c9fcd5c2-6ca2-40c7-a26e-29a0e93958f6"><img src="http://myspace-360.vo.llnwd.net/01099/06/36/1099696360_s.jpg"width="73px"></a> <a href="http://www.myspace.com/brok3n_and_alon3"><img src="http://myspace-922.vo.llnwd.net/01237/22/92/1237112922_s.jpg"width="73px"></a> <a href=" http://www.myspace.com/savvyphantomangel"><img src="http://myspace-597.vo.llnwd.net/00570/79/51/570151597_s.jpg"width="73px"></a> <a href=" http://www.myspace.com/brunettelov3"><img src="http://myspace-928.vo.llnwd.net/01146/82/98/1146448928_s.gif"width="73px"></a> <a href="http://www.myspace.com/ca_sassy"><img src="http://myspace-991.vo.llnwd.net/01217/19/96/1217726991_s.jpg"width="73px"></a> <a href=" http://www.myspace.com/____x33julie"><img src="http://x.myspace.com/images/no_pic.gif"width="73px"></a><br></marquee></div>
<div class="layer3"><center><br>-+James'Thoughts+-
So basically this is my new layout. I had to do some editing to it but whatcha think? Spiffy eh? Yeah so leave lot's of comments so I know how much ya'll like it lol</div>
<style>.r{}</style>



<div class="comments"><table><tr><td><table><tr><td>



Where do I put the code/Could you give me a code/Help?

Thanks!!

[jp2b]

Instead of...

CODE

<style>
. comments{
visibility:visible;
width:500px;
height:200px;
position:absolute;
top:880px;
left:50px;
overflow:auto;
background-color:999999;
z-index:3;
}
</style>

Use this instead

CODE

<style>
. comments{
visibility:visible;
width:500px;
height:200px;
position:absolute;
top:880px;
left:50px;
overflow:auto;
background-color:999999;
z-index:3;
scrollbar-face-color:000000;
scrollbar-highlight-color:cccccc;
scrollbar-3dlight-color:cccccc;
scrollbar-darkshadow-color:cccccc;
scrollbar-shadow-color:999999;
scrollbar-arrow-color:999999;
scrollbar-track-color:dddddd;
}
</style>

that should work let us know if you need anymore help