[thelist] problem handling the menu + select box bug in IE

[Matt Warden]

On 3/24/06, ben morrison <morrison.ben at gmail.com> wrote:
> On 3/23/06, Matt Warden <mwarden at gmail.com> wrote:
> > There is a "bug" in IE that is messing with a menu on my client's
> > site. It is a tab menu, where a hover over a tab expands a ul
> > underneath it. Some list items in this ul have a submenu. THe bug
> > causes select boxes underneath where the ul expands to peek through,
> > as if its z-index were higher.
>
> I have come across this bug before and used an iframe to hide the
> select box - an ugly hack but it worked:
>
> http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx

Right, and I have this working perfectly for the main menus that drop down,
but for some reason it refuses to work for submenus. So, in other words:

[tab]___
|       | A
|       |___________
| sub >>|           | B
|_______|           |
        |           |
        |           |
        |___________|

Menu A works fine with the iframe hack. Menu B does not. I even tried making
the iframe cover the entire relevant area:

#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 99%;
    height: 400px;
}

thoughts?

--
Matt Warden
Miami University
Oxford, OH, USA
http://mattwarden.com


This email proudly and graciously contributes to entropy.