Posted by rf on 11/06/07 23:09

"Shelly" <sheldonlg.news@asap-consult.com> wrote in message
news:13j0s7tn5t7c1a3@corp.supernews.com...
> In IE (7) the drop down submenus are hiding behind the element below it.
> They work fine in Firefox and Opera. I researched this issue on the web
> and found suggestions to state position and z-index in the css file. I
> already had position: relavive and a z-index set as high as 500. I
> changed to position: absolute, but that didn't help.
>
> Here are the important parts of the css file and style in the hope that
> someone can see something. The submenu is class item2 and the next
> element is item-03. I've include snippets of code, css and in-line style.
>
> menu code snippet:
> ==============
> <td>
> <a class="item1" href="javascript:void(0);">Top-level Item</a>
> <div class="section">
> <a class="item2" href="#"> Sub-level Item 1</a>
>
> <a class="item2" href="#"> Sub-level Item 2</a>
> </div>
> </td>

Apply the z-index to the container as well as the drop down menu. In this
case it would be the <td>.

This has solved this particular problem the last three times somebody raised
it here :-)

--
Richard.

[Back to original message]