On 7/24/06, Tom Keenan <[EMAIL PROTECTED]> wrote about
http://www.keenancomm.com/test/ppcg:

> I have a horizontal menu. It's based on the drop down menu from "More
> Eric Meyer On CSS". The issue I am having is that when I use the drop
> down - it disappears after the second item. That is as soon as the
> cursor gets slightly past the second item the menu drop down menu
> vanishes.

Hi, Tom,

It's disappearing because of how your content is stacked from front to
back on the canvas. Since none of the positioned items on your site
have z-index, the positioned elements lay on top of them according to
their order in the HTML source. Your menus are one of the first items
on the page, which puts them behind the other positioned elements
(such as the main content area) that are written later.

To fix this, add "z-index: 1" to your "div#menu li" rule. This will
push the list items above the other positioned elements that aren't
z-indexed.

HTH,

Michael
______________________________________________________________________
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/

Reply via email to