CODEWITHSUNDEEP
css
Styles
Styles

Reputation: 524

CSS Dropdown doesn't show but is positioned right

http://jsfiddle.net/WTELW/4/

The following works fine on JSFiddle, but doesn't seem to work right in a browser (try copy pasting to a notepad).

I've tried setting the z-index for the layer, but that doen't seem to do it. I can see the layer positioned right, but still hidden.

Upvotes: 0

Views: 76

Answers (1)

Zhihao
Zhihao

Reputation: 14747

The dropdown appears for me after removing overflow: hidden from the following:

#header {
    width: 1024px;
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

I think what's happening is that you have the ul (dropdown) inside the header. Since the contents of the ul extend outside the header div, and you have overflow set to hidden, you can no longer see the dropdown because it is being hidden.

Upvotes: 2

Related Questions