This page has a Suckerfish dropdown menu:
http://www.blinn.edu/sbdc/_notes/blinn/index.htm
http://www.blinn.edu/sbdc/_notes/blinn/index-css.css
The left two dropdowns correctly overlap the form that's below them in FF,
Opera & IE7, but in IE6 those two menus drop down *behind* the Quicklinks
select box below them.
The xhtml validates, as does the css, except for the :sfhover business.
Relevant css (I think):
/* ---- 2nd level ---- */
#nav li ul {
position:absolute; left:-999em;
height:auto; width:144px;
padding-top:16px; /* this and neg top margin are needed to keep 2nd
level menus open */
margin:-6px 0 0 -18px;
z-index:200;
}
#nav li ul a {
display:block;
width:144px;
margin-top:-2px !important; margin-top:0;
padding:4px 4px 6px !important; padding:4px 4px 8px;
line-height:1.3em;
background-color:#f3f3ee;
border:1px solid black;
z-index:210;
}
/* ---- COLUMN 1 ---- */
#selectcell {
width:185px;
font-size:.9em;
background-color:#cbd9b0;
}
#gobutton {
height:1.6em; width:185px;
float:left;
margin-top:.2em; padding:0 2px 2px;
background-color:#acc87d; color:#425629;
font-weight:bold; font-size:.9em;
border:2px solid #779c4b;
border-left:2px solid #b2c78e;
border-top:2px solid #b2c78e;
}
I've fiddled with z-index property, but that didn't help. Hope someone here can
spot what's causing this as I've been fooling with it way too long.
Tia,
Carol
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
