Pure CSS Menu Showing Behind Form Fields in IE

[kwilliams]

I developed a pure CSS menu with the help of Eric Meyer's tutorial, and it works great. But in IE6 and IE7, the menu shows up *behind* the form fields below. I hope that there's a quick fix for this that I haven't been able to find. If you can help me out, that would be great. Thanks.

[jesh]

If, by "form elements", you mean, specifically, dropdown menus, then you might benefit from this Google search:http://www.google.com/search?q=z-index+dropdown

[kwilliams]

If, by "form elements", you mean, specifically, dropdown menus, then you might benefit from this Google search:http://www.google.com/search?q=z-index+dropdown

Yes, you are correct. Sorry that I wasn't more clear. The other form fields show up behind the menu; only the select menu shows up in front. I went to several links through the Google Search you referenced, but I'm already using their solution with z-index on my menu's container, like this:#navlist { position:absolute; width:auto; margin-left:10px; margin-top:-1px; z-index:1;/* brings menu to front of content */ font-size:1.0em;}This brings the menu in front of the content on the page except for the select menu. So I'm not sure what else to do at this point. Any suggestions would be greatly appreciated. Thanks.

[jesh]

From what I understand of this bug, the only way to make your content appear above the dropdown menus is to either 1) set the display of the dropdown menus to "none" or to 2) set the position of the dropdown menus to "relative" and the visibility to "hidden".Then, when you hide the content, you have to make the dropdown menus visible again.EDIT: These might help:http://www.codeproject.com/useritems/dropdown_div.asphttp://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx