This page has a Suckerfish dropdown menu:
http://www.blinn.edu/sbdc/_notes/blinn/index.htm
Its stylesheet: http://www.blinn.edu/sbdc/_notes/blinn/index-css.css
The left two dropdown menus (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 that's in the column 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 tried adding the z-index property, but that didn't help. Hope someone
here can spot what's causing this problem.
Tia,
Carol
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
