Ingo Chao wrote:
> [EMAIL PROTECTED] wrote:
>
>> http://spppa.littleberrystudio.com
>
> For Firefox&Co,
> #nav li ul {z-index:1}
> should solve the problem of text+borders peeking through in flyouts of
> preceding elements.
>
> For IE, I don't have a solution, since IE establishes a new stacking
> context for each relatively positioned element, meaning that
> "News&Events" sits over any ul that is part of "Alumni".
> http://www.satzansatz.de/cssd/escher.html
> ...
> Others who regularly use flyout menus should have a solution.
>
Looks like I have to learn it for myself.
Since the problem is that the position:relative is establishing a new
stacking context, which will paint over preceding ones:
- #nav li { position:relative;}
you could try to set this to position:static.
Set it to position:relative only on hover/over.
Haven't tried it, though. Maybe if my site should ever need a
three-leveled flyout menu with negative indent.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
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/
