CODEWITHSUNDEEP
cssbrowsercross-browser
Dean Elliott
Dean Elliott

Reputation: 1533

CSS sub menu positioning off in everything except Firefox

I've had this trouble before with pure CSS sub menus. It looks fine in FF (On OS X at least) but in other browsers it's aligned with the right hand side of the parent li as oppose to the left as it should be.

An example can be seem below (Hover over "About us" or "My Landmark 24")

[removed URL]

Does anyone have any idea what it is I'm doing wrong?

Upvotes: 2

Views: 170

Answers (3)

Samich
Samich

Reputation: 30125

Set to your .navigation ul.menu li ul.sub-menu css class style left:0px.

Upvotes: 1

JackSD
JackSD

Reputation: 197

on the .navigation ul.menu li ul.sub-menu { just add left:0; that will fix it

Upvotes: 1

ptriek
ptriek

Reputation: 9276

Your submenu is set to display:inline on hover. If you change that to display:block it should be fixed.

.navigation ul.menu li:hover ul.sub-menu {
    display: block;
}

Upvotes: 0

Related Questions