CODEWITHSUNDEEP
htmlcsslayoutmenuhover
kevincoleman
kevincoleman

Reputation: 493

CSS dropdown menu positioning error

I can’t seem to track the origin of this bug. http://wwva.org is a site I built the layout for. The CSS dropdown menu is build on a ul/li structure and submenus appear when the user hovers/taps the main link. Everything seems to work just great in Chrome, but Firefox and IE have trouble positioning the submenus underneath the main menu link (jumps on hover with FF, and is misplaced from the start with IE).

Main site: http://www.wwva.org CSS: http://wwva.org/wp-content/themes/wwva/style.css

I realize this is a specific case, and is less a principle question. Any help would be greatly appreciated!

Upvotes: 0

Views: 69

Answers (2)

kevincoleman
kevincoleman

Reputation: 493

A friend just suggested adding left: 0; to .sub-menu, which seems to have fixed it.

Upvotes: 0

ralph.m
ralph.m

Reputation: 14345

Try changing 

.menu ul li {
    display: inline;
}

to

.menu ul li {
    display: inline-block;
}

in the various places you have it.

Upvotes: 2

Related Questions