Question

Stack,

I’m having difficulty creating a good drop down navigation menu using only css. The menu is simple, it needs to only have a few things in it, and only needs to drop down (no need to go down and over etc).

The menu is somewhat working, but whenever I hover over it to drop it down, the menu gets overlapped by the wrapper div directly below the header div where the menu is located. I’ve tried setting the z-index of the drop down menu to like 20000 and it is still being overlapped.

Here is a direct link to the test page I am working on:

http://www.lolbrary.com/workspace/dropdownheader.php

Any ideas?

Thanky,

billmalarky

Answer 1

In #fullheaderbar and #profilemenu you need to remove overflow:hidden; and in .profile-menu ul you need to change position:relative to position:absolute;

then tweak from there 🙂