CODEWITHSUNDEEP
htmlcssmenunavigationsubmenu
Thomas Schmidt
Thomas Schmidt

Reputation: 5

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?

Upvotes: 0

Views: 980

Answers (3)

Johan
Johan

Reputation: 19072

Try this

.dropdown ul {
    left: 0;
}

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

Upvotes: 1

pzin
pzin

Reputation: 4248

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.

Upvotes: 2

JoDev
JoDev

Reputation: 6873

I've used 

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

And It works in Firefox.

Upvotes: 0

Related Questions