Transparent scrollbar help!

I can't seem to figure this out.

[hlsrusk]

The following is what I have in my code, but I still can't seem to figure out how to make the iframe scrollbar transparent...I've tried tons of different codes but none have worked. I'm not very good at html and the codes are all ones that I have gotten from free html/css sites so basically I rely on those. Could you give me some help? [I do have the basic knowledge though]

<!--
A:link
{ text-decoration: none;font-family:verdana; color:#7F8B5F; }
A:visited
{ text-decoration: none;font-family:verdana; color:#7F8B5F; }
A:active
{ text-decoration: none;font-family:verdana; color:#7F8B5F; }
A:hover
{ text-decoration: bold;font-family:verdana; background-color="none";color:#879365;
;
}
cursor: nw-resize; }

p {font-family: verdana;;
color: #656E4B;}

body
{ background: url(4d3p66p.jpg);

html {
overflow: auto;
}

font-family: verdana;;
color: #656E4B;
font-size: 8 pt;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: verdana;;
color: #656E4B; }

input, textarea
{ background: transparent;;
font-family: verdana;
color: #656E4B;
border-style: solid;
border-color: #656E4B
border-width: 1;}

BODY {
BACKGROUND-IMAGE: url((4hn261c.jpg);
BACKGROUND-REPEAT: repeat;
}

h1 {
color: #656E4B;
font-family: verdana;
font-size: 8pt;
font-weight: normal;
text-transform: none;
letter-spacing: none;
}

-->
</style>

<!--
@import url(layt1.css);
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">

<!--

body {
background-image: url(4hn261c.jpg);

}
.lborder {
background-image: url(lborder.gif);
background-repeat: repeat-y;
}
.lbordertop {
background-image: url(lbordertop.gif);
background-repeat: no-repeat;
height: 14px;
}
.lborderbottom {
background-image: url(lborderbottom.gif);
background-repeat: no-repeat;
}
.topborder {
background-image: url(bordertop.gif);
background-repeat: repeat-x;
}
.borderbottom {
background-image: url(borderbottom.gif);
background-repeat: repeat-x;
}
.rborder {
background-image: url(rborder.gif);
background-repeat: repeat-y;
}
.rbordertop {
background-image: url(rbordertop.gif);
background-repeat: no-repeat;
}
.rborderbottom {
background-image: url(rborderbottom.gif);
background-repeat: no-repeat;
}
.navbutton {
background-color: #A5B47D;
background-image: url(nav_bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #FFFFFF;
width: 71px;
height: 19px;
}
.dotshor {
background-image: url(dotshoriz.gif);
background-repeat: repeat-x;
height: 3px;
}
.navbuttonover {
background-color: #A5B47D;
background-image: url(nav_over.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #FFFFFF;
width: 71px;
height: 19px;
}
.shadunder {
background-image: url(shad_under.gif);
background-repeat: repeat-x;
height: 19px;
font-weight: bold;
text-decoration: underline;
text-align: center;
color: #697648;
}
.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
font-variant: small-caps;
background-image: url(header.jpg);
background-repeat: no-repeat;
text-indent: 5px;
height: 76px;
width: 572px;
letter-spacing: normal;
text-align: right;
vertical-align: top;
}
.shadunder2 {
background-image: url(shad_under_main.gif);
background-repeat: repeat-x;
height: 19px;
font-weight: bold;
text-decoration: underline;
text-align: center;
color: #697648;
}
.vertdots {
background-image: url(vert_dots.gif);
background-repeat: repeat-y;
width: 3px;
}
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}
a:link {
text-decoration: none;
color: #ffffff;
}
a:visited {
text-decoration: none;
}
.crh {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1px;
color: #A5B47D;
}
p {
margin: 0px;
padding: 0px;
}

body {
margin: 0;
overflow:auto;
}

--></style></p>
<p>
<img src="2ikzbps.jpg">

<iframe src="site.htm" FRAMEBORDER="0" width="302" height="433" name="stuff" style="position:absolute;left:405px;top:29px;" allowtransparency="TRUE" style="filter:chroma(color=#000000)">

<style type="text/css">
body {
scrollbar-arrow-color: #5C78A5;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #CFD5DF;
scrollbar-darkshadow-color: #CFD5DF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}
</style>

[edited by: SuzyUK at 11:47 am (utc) on Nov. 27, 2006]
[edit reason] removed site specifics per TOS #13 [/edit]

[gello]

Seems good to me
When I'll find out I let you know