Hrz nav, list item problem in IE

can see the 2nd nav row text thru 1st row drop downs

[lorax]

2 rows of horizontal navigation (1st above 2nd) using list items and each in their own div.

Functionally fine in both FF and IE.

Visually, the drop down from the first row should cover the 2nd row so you can't see the text of the 2nd row. This works in FF but not in IE. I can see the 2nd row anchor text through the dropdown. Have tried using an image as a background but I can still see the 2nd row. Tried using z-index but think I may have done that wrong.

[penders]

Have tried using an image as a background...

Do you actually see the background image?

Tried using z-index but...

z-index will only have an effect on elements that have position. Has 'position' been set (other than the default 'static')?

I can see the 2nd row anchor text through the dropdown.

Have your anchors been positioned? Or are they in the flow of the page?

[lorax]

- Can see the image (it's a gray backgnd)
- yes but I forgot to set it on the first level ul
- anchors are in the flow of the page

I think you just cracked the problem - z-index seems to be the key. I'm off to go chase this down. Will come back with either more questions or the solution. Thnx

[lorax]

Aha! That was it. I just needed to declare the position of the 1st level UL as position:relative; and then add a z-index higher than that used on the 2nd row.

Thanks!