Denise McLaurin wrote:

> I'm experiencing a problem with a left-hand menu that
> uses css to hide/display submenu items on a particular 
> page which gives certain content items a z-index setting.
> The problem is corrected in Firefox by adding a higher 
z-index to the submenu <ul>s. However, this does not 
> work in IE.

> http://www2.usarice.com/~usarice/index.php?option=com_phocagallery&view=categories&Itemid=190

Denise, you need to raise the LI parent on hover because
the flyout is merely a child of it and so resides in the
LI "stack." Unless that positioned stack is raised, no
child of that stack ca ever lie in front of a different 
stack that has a higher z-index than the LI parent.

Try this new rule:

ul.menu li:hover {
  z-index: 50;
  }

Big John




      
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to