hello,
i'm having some issues w/my submenu - it seems to flicker when you hover between items... the original script can be found here --> http://www.javascriptkit.com/script/script2/verticalmenu.shtml
unfortunately, i canNOT post a URL because it's on an internal server but here is my modified CSS... any help would be appreciated...
thanks! :o)
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /*WIDTH OF MAIN MENU ITEMS*/
border: none;
}
.glossymenu li{
position: relative;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: #000033;
}
.glossymenu li a:hover{
color: #ffffff;
margin-left: 15px;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
color: #ffffff;
background-color: #000033;
}
.glossymenu li ul a:link{
color: #ffffff;
}
.glossymenu li ul a:visited, .glossymenu li a:active{
color: #ffffff;
}
.glossymenu li ul a:hover{ /*SUB MENU STYLE*/
color: #cccc99;
}
.glossymenu li a{
background: none;
color: #ffffff;
display: block;
width: 180;
padding: 5px 0;
margin-left: 15px;
margin-right: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: bold;
list-style-type: none;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */