[Solved] CSS Dropdown Position Error in Firefox [closed]

by


Remove the float:left on the <ul>:

<ul id="menu" style="float:left;">

becomes:

<ul id="menu">

Then in your CSS set the <li> to display:block and float:left…

.navigation ul li {
    display: block; /* new */
    float: left; /* new */
    margin: 0;
    padding: 0;
}

… and position the submenu at top:100%

ul#menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%; /* amended */
    width: 100px;
    z-index: 10;
}

solved CSS Dropdown Position Error in Firefox [closed]