I am working on a redesign (from tabled to pure css) and have run into a
problem that I hope someone can help me resolve.

The test url is http://niof.net/lpnc

The problem is that the horizontal menu in the header is partially
obscured by the header graphic resulting in a:hover not working in all
the menu items. I made the graphic (currently with a temporary border)
as narrow as I could with a tranparent background so that the header
section (the darker blue bar and the white bar) could vary in width with
the screen size. I used a z-index so that the points of the crown would
show outside the containing box.

I've tried adding a higher z-index to the various elements within the
menubar but nothing I've tried has worked.

Does anyone have any suggestions?

-- 
"I'll take unequal justice to equal injustice any day."
    Rick Pasotto    [EMAIL PROTECTED]    http://www.niof.net
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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