Search code examples
htmlcssmenunavigationsubmenu

CSS Sub-menu positioning works in Chrome & Safari, but not IE and Firefox

I'm currently building a site for a gaming community, called http://www.quad-gaming.com/.

Everything is running smooth except the dropdown menu under "Login" at the right side of the navigation bar. It works well in Chrome and Safari, but in IE and Firefox, it floats to the left.

What am I doing wrong?

Solution

  • Indeed a bit strange.

    If you specify the ul element to have a left value to zero, it works fine:

    nav ul li ul {
  left: 0;
}

    Can't try it on IE because I am on a Mac. Hope it works also there.