Hi Carol, I recently went through the same pain! I found this article useful...it explains how IE6 handles z-index.
http://www.aplus.co.yu/lab/z-pos/ Ben -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Carol Doersom Sent: Thursday, 22 November 2007 12:53 PM To: wsg@webstandardsgroup.org Subject: [WSG] Stacking problem in IE6 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] ******************************************************************* ********************************************************************** Please Note: The information contained in this e-mail message and any attached files may be confidential information and may also be the subject of legal professional privilege. If you are not the intended recipient, any use, disclosure or copying of this e-mail is unauthorised. If you have received this e-mail by error please notify the sender immediately by reply e-mail and delete all copies of this transmission together with any attachments. ********************************************************************** ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
