Hey, can anybody help me with transparent scrollbars??? I want everything transparent accept the little arrow. Can anybody help?? this is my css code:

<!--BODY {

background: transparent;
color: orange;
font-size:10px;
font-family: verdana;
font-weight: bold;
text-decoration:underline;
text-align: center;
}-->

<!--BODY{
scrollbar-face-color: Orange;
scrollbar-highlight-color: #FF6EC7;
scrollbar-3dlight-color: #FF6EC7 ;
scrollbar-darkshadow-color: #FF6EC7 ;
scrollbar-shadow-color: #FF6EC7;
scrollbar-arrow-color: #FF6633;
scrollbar-track-color: white;
}


.head {
color: orange;
font-weight: normal;
background-color: transparent;
border: solid;
padding-left: 1px;

}

input, textarea, table
{ background: #transparent;
font-family: verdana;
color: orange;
letter-spacing: 0pt;
font-weight: bold;
font-size: 12px;
border-style: 1;
border-color: 1;
border-width: 1;
text-align: Center;}

td, tr
{ background: #transparent;
font-family: verdana;
color: orange;
letter-spacing: 0pt;
font-weight: bold;
font-size: 10px;
border-style: 1;
border-color: 1;
border-width: 1;
text-align: center;}


<!-- A:link{color:#FF6EC7;text-decoration:none;cursor:default font-size:8pt; font-weight:bold}
A:visited{color:#FF6EC7;text-decoration:none;cursor:default; font-weight:normal}
A:hover{color:#FF6EC7;text-decoration: none;background color:white;border:1 dashed orange}
} //-->


thanks
Steph

Fixed version of your CSS:
BODY {
background-color: transparent;
color: orange;
font-size:10px;
font-family: verdana;
font-weight: bold;
text-decoration:underline;
text-align: center;
scrollbar-face-color: Orange;
scrollbar-highlight-color: #FF6EC7;
scrollbar-3dlight-color: #FF6EC7 ;
scrollbar-darkshadow-color: #FF6EC7;
scrollbar-shadow-color: #FF6EC7;
scrollbar-arrow-color: #FF6633;
scrollbar-track-color: white;
}

.head {
color: orange;
font-weight: normal;
background-color: transparent;
border: solid;
padding-left: 1px;
}

input, textarea, table
{ background: transparent;
font-family: verdana;
color: orange;
letter-spacing: 0pt;
font-weight: bold;
font-size: 12px;
border-style: 1;
border-color: 1;
border-width: 1;
text-align: Center;}

td, tr
{ background: transparent;
font-family: verdana;
color: orange;
letter-spacing: 0pt;
font-weight: bold;
font-size: 10px;
border-style: 1;
border-color: 1;
border-width: 1;
text-align: center;}

A:link{color:#FF6EC7; text-decoration:none; cursor:default; font-size:8pt; font-weight:bold; }
A:visited{color:#FF6EC7; text-decoration:none; cursor:default; font-weight:normal; }
A:hover{color:#FF6EC7; text-decoration: none; background-color:white; border:1 dashed orange; }

Then follow the instructions below here: http://www.lissaexplains.com/frames.shtml#inline