CSS子菜单定位可在Chrome和Safari中使用，但不适用于IE和Firefox

Question

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?

Answer 1

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.

Answer 2

Try this

.dropdown ul {
    left: 0;
}

Tested and works on Win7 on IE10, IE8, FF20 and Chrome 26

Answer 3

I've used

nav ul li ul {
    position:absolute;
    left:0px; /* Adding this to fix left position*/
    visibility: hidden;
}    

And It works in Firefox.