Phil Winter wrote:
> ...the menu
> STILL will not work in
> IE6!
>
> Here's a link to the html page with the
> CSS. http://www.webdesignpartners.com/blackstock/index.html
>
> ... I'm not a JS programmer,
> so it's very possible I've made some stupid mistake.
No. The JS is working fine, the hovered li gets a class of "over"
dynamically applied.
The problem is in your CSS:
div#leftnav ul li ul { display: none; ... }
div#leftnam li:hover ul, li.over ul { display: block; }
The second line does not make sense, because a) there is a typo in the
id, and b), the selector should have a higher specificity:
div#leftnav li.over ul { display: block; }
to get IE6 to work.
(
The difference is the higher specificity of
div#leftnav ul li ul
in respect to
li.over ul
so display:none still rules.
)
Once the second level menu is visible, you should rework the
padding/margin; currently, the menu looses focus and collapses while the
pointer moves from JoinBlackStock to ReserveAllocationList.
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/
