I have a header menu system that shows/hides drop-down menu items using classical CSS2 syntax. In firefox it works fine, but in Chrome the dropdowns dont show properly. I am using a nested construction such as
- top menu item
- dropdown-menu item
- next dropdown-menu item
with CSS that’s set to display:block for the outer <ul> and display:none for the inner <ul>;
then on hover over the outer <ul> the inner <ul> dynamically is set to display:block.
CSS:
.menu ul {display:block}
.menu ul ul {display:none}
.menu ul:hover ul {display:block}
Why doesnt this work in Chrome?
–PeterR
This works for Firefox but not for Chrome?