On 11/23/06, David Weatherston <[EMAIL PROTECTED]> wrote:
> This page, http://homepage.mac.com/dweatherston/sbd/how.html , includes
> bulleted lists adjacent the submenus, and these lists show through the
> submenus' background when you pull down one of the submenus that open
> from "Solutions..." and "About...". This happens in all browsers. In
> addition, when you move the cursor over a submenu that is over a list in
> IE 6 & 7, the submenu vanishes. These bulleted lists also have moved
> hard left in IE 7, instead of being indented.
The problem that the content shows over the menu must be because of
layering. To make the menu moves on top the content simple add z-index
in to the style
Because you put the (hidden) submenu before the content, the submenu
will be rendered before the content (that is below it).
But I don't have the problem that the submenu vanishes in IE 6.
Also please add top: 0; and overflow: hidden to the menu styles (as
the styles below), it will help the menu shows better on IE.
Final css:
#sidelinks ul li { position: relative; top: -21px; z-index: 1000; }
li ul { position: absolute; top: 0; left: 171px; /* Set 9px less than
menu width to offset padding*/ border-top: 2px solid #eef3f8 ;
display: none; z-index: 1000; overflow: hidden; }
-Charles-
______________________________________________________________________
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/
