I'm using a Suckerfish drop-down menu. I have a two problems with
these in Internet Explorer.
The suckerfish menu is structured like:
<ul>
<li class="popup">Top menu item
<div>
<ul>
<li>sub menu item 1</li>
<li>sub menu item 2</li>
</ul>
</div>
</li>
The extra <div> there is transparent, and provides a larger area for
the mouse to be located -- a "landing zone". I need this in my case
because the submenu is positioned lower in the design.
http://hank.org:7123/admissions/index.html
has these menus up and is showing them with the div outlined in dotted
red, and the <li> outlined, too.
Two problems with IE.
In IE it seems that there's places between the <li> elements where it
triggers a mouse off. Also, the <div> "landing zone" doesn't seem to
work -- touching any element below closes the sub-menu.
Both the <div> and the child <ul> have a z-index set.
I can fix by making the <div> have a solid background, but obviously,
that's not what I want.
The other problem is on the home page:
http://hank.org:7123/
I have a collection of images to rotate with Javascript. There's a
container for the images, and it is set position: relative, then the
images within that container are all position: absolute.
This seems to force the images to the top of the stack in IE, and my
popup-menu are *behind* the images.
Thanks,
--
Bill Moseley
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
