Hellooooooo!... well i was just wondering how one could make the dropping down part of a drop down menu half transparent... i still want the colour there but i want it so that you could see through it... so u could see the background and all... i'm not sure if this is making any sense just tell me if it's not... but here's the scripting for ya... if that helps at all... PLEASE HELP!!!!


<script language="JScript">
<!-- // DDMenu

var eOpenMenu = null;
function OpenMenu(eSrc,eMenu){
eMenu.style.left = eSrc.parentElement.offsetLeft + divMenuBar.offsetLeft;
eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
eMenu.style.visibility = "visible";
eOpenMenu = eMenu;
}

function CloseMenu(eMenu){
eMenu.style.visibility = "hidden";
eOpenMenu = null;
}

function MenuBar_over(){
var eSrc = window.event.srcElement;
if ("A" == eSrc.tagName.toUpperCase()){
var eMenu = document.all[eSrc.parentElement.id.replace("tdMenuBarItem","divMenu")];
if (eOpenMenu && eOpenMenu != eMenu){
CloseMenu(eOpenMenu);}
if (eMenu){
OpenMenu(eSrc,eMenu);}
}
}

function MenuBar_out(){
var eTo = window.event.toElement;
if (eOpenMenu && eTo && !eOpenMenu.contains(eTo) && "tblMenuBar" != eTo.id){
CloseMenu(eOpenMenu)}
}

function Menu_out(){
var eSrc = window.event.toElement;
if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc)){
CloseMenu(eOpenMenu)}
}

//-->
</script>

<style type="text/css">
BODY { font-family:"Verdana, Arial, Helvetica, sans-serif"; font-size:75%;}

DIV#divMenuBar { background-color:#FFFFFF; }
TABLE#tblMenuBar TD { font-size:60%; color:#AED7FF; padding:0px 5px 0px 5px; cursor:default; }
TABLE#tblMenuBar TD.clsMenuBarItem { font-weight:bold; cursor:default; }

/* These two style rules added for links in MenuBar */
TABLE#tblMenuBar TD.clsMenuBarItem A { text-decoration:none; color:#AED7FF; font-weight:bold; }
TABLE#tblMenuBar TD.clsMenuBarItem A:hover { color:#AED7FF; }
DIV.clsMenu {
font-size:90%; background-color:#C1E0FF;
position:absolute; visibility:hidden; width:130px;
padding:5px 5px 5px 8px; border-top:1 white solid;
}
DIV.clsMenu A { text-decoration:none; color:#0066CC; font-weight:bold; }
DIV.clsMenu A:hover { color:#AED7FF; }
</style>