CODEWITHSUNDEEP
htmlcss
Shahrukh
Shahrukh

Reputation: 1536

CSS Menu Not Positioning Correctly, All lists of menus shows under first menu

i cant post all of my code, so please check the url.

http://www.bierhauschina.com/shekou/kulinarium/ here is css: http://www.bierhauschina.com/menu/menu_style.css

The problem is a css menu. my menu shows all lists of menu under the first menu. i don't know where is problem, but it is exactly in css. where.. i can't got it.

Upvotes: 0

Views: 74

Answers (3)

dnuttle
dnuttle

Reputation: 3830

This style:

.nav .select *:hover .select_sub, .nav .current .show

Sets position to absolute. Set it to relative. Also you are loading menu_style.css twice, remove the second reference.

Upvotes: 0

nheinrich
nheinrich

Reputation: 1841

Add position: relative to .nav li in your CSS.

Upvotes: 1

scumah
scumah

Reputation: 6383

Add position: relative; to .nav .select, .nav .current, making it like this:

.nav .select, .nav .current {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-cell;
    white-space: nowrap;
    position: relative;
}

Upvotes: 0

Related Questions