drop down menu behind content in IE

Could you gimme a copy of your html document and your css file so i can have a play with it.

I sent you a PM

Does this page mean anything to you?

http://annevankesteren.nl/2005/06/z-index

Moving the z-index to the parent (of your menu) instead of the subs?

This is a public help forum could we please avoid the private PMs for help.

@hugo.

sorry about the PM. I did not realize that its not allowed. This was my first post here on this forum. I know now.

Thank for the link. This looks like it may help and I will give it a try this afternoon.

Hugo: How would I go about getting help if I dont want to post the link to the actual live web site? I tried the PM, but that is not allowed. Maybe there is a common practice.

thank you all.

I just tried the technique outlined in the link but I actually already had the navigation set the same way, with a higher z-index. It wont display. it must have something to do with the content slider div because this happens only on the homepage.

I posted the css for the content slider in my first post.
any more ideas?

I noticed you hadn't set the z-index of the slider. Try setting the z-index to say 10 and set your menus z-index to 360 this might work.

I can't see the site in question, but I had an image slider (not sure if this is the same thing you have though it looks similar) and then needed an absolutely positioned tooltip to appear OVER the slider. At first they didn't. Anyway, your submenus I assume are absolutely positioned right? (they usually are) like my tooltip. So maybe some code from my page will help? Though without seeing everything I can't be sure and I don't have the exact same thing as a drop-down..

HTML of slider:

<div id="gallerycontainer">
          <div id="gallery">
	    <a href="#"><img src="secondhome/633_0.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_1.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_2.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_3.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_4.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_5.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_6.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_7.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/633_9.jpg" alt="huisfoto" /></a>
	    <a href="#"><img src="secondhome/huisfotoguisy.gif" alt="huisfoto" /></a>
	  </div>
	</div>

CSS of slider (and the original plan was, a Javascript slider sits on top of all this):

#gallerycontainer {
  position: relative;
  height: 189px;
  width: 95%;
  margin: 0 auto;
  overflow: auto;
}
 
#gallery {
  width: 4520px;
  position: absolute;
  z-index: 1;
}
	#gallery a {
	  float: left;
	  width: 219px;
	  height: 165px;
	  margin-right: 5px;
  	  border: 1px solid #000;
	}

By itself, the gallery slides fine even with pos: abso on it. Notice I did have to set a z-index on it-- I think this must have been because being abso-po'd it's natural z-index is very high (well, at least 10).

Then on the side I had this big set of tabled calendars and they needed tooltips to appear on hover and focus... their css:

	table.maand td a span {
	  position: absolute;
	  left: -1000em;
	  width: 200px;
	  border: 1px solid #000;
	  background-color: #fff;
	  color: #000;
	  line-height: 1.2em;
	  padding: 5px;
	  z-index: 100; /*afbeeldingen zatten over spans*/
	}

You can see I needed to bump up the z-index of just the spans, however since this is a dropdown in your case I'd still move it over to the menu itself-- IE has a very common problem (related to the link I posted) where a dropdown menu's subs slide under a relatively or absolutely positioned box which follows, and setting the z-index to a bazillion on the subs doesn't change a thing in IE. So, yeah, Josh may have hit it on the head-- maybe you need z-index on your abso-po'd part of your slider AND on the parent menu.

I was finally able to solve the problem by setting position:relative on the parent container and then give position and z-index to the siblings. my nav and the content container are siblings.

thanks everybody for your help!