The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Firefox vs Chrome display:block / display:none

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #41116

    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.


    .menu ul {display:block}
    .menu ul ul {display:none}
    .menu ul:hover ul {display:block}

    Why doesnt this work in Chrome?

    This works for Firefox but not for Chrome?


    Yes, works for Firefox but not for Chrome

    Kitty Giraudel

    By the way, what is <menu>?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.