z-index woes with position: relative/absolute in IE 6 (and 7?)

[drillbatting]

Hi,

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>

[Mr me]

On Jan 8, 4:42 pm, [e-mail] wrote:

Hi,

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>

Weird, Google cut me off! And I wrote such a pretty post!

Here we go again:

I have a site with a heap of small menus in various elements.

It looks something like this (inline style's etc for readability):

<div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
</div>
</div>
<div>
<h2 style="display: inline;">Some heading</h2>
<div style="position: relative; display: inline;">
<a href="#" onclick="show_the_menu()"><img
src="nasty_image.gif</a>
<!-- this is here the menu is created -->
</div>
</div>

The "show_the_menu()" function displays the menu if it exists,
otherwise creates something like: <div style="position = absolute;
display: none; z-index: 100">...</div>

This works fine in FF, but IE seems to totally ignore my z-index
declarations. I've tried with numerous different indices in both the
menu and surrounding elements.

Working example located at: http://82.182.82.250/~gs/test/

[Mr me]

On Jan 8, 4:51 pm, "Mr me" <[e-mail]:

On Jan 8, 4:42 pm, [e-mail] wrote:

[...]

This works fine in FF, but IE seems to totally ignore my z-index
declarations. I've tried with numerous different indices in both the
menu and surrounding elements.

Working example located at:http://82.182.82.250/~gs/test/

I thought I'd also mention that what gets to me is that in IE the
images inside the anchors show "through" the menu div.. in case you did
not notice :)