On Jan 8, 4:42 pm, drillbatt...@gmail.com 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/