CSS Sub-menu positioning works in Chrome & Safari, but not IE and 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.