Some background: I have a site header and created some jQuery code that displays a div (headerAdminPanel) when one clicks on another div (either workspaceSelectNav or accountActionsContainer) which will essentially be a menu with various options within it. I am having some trouble getting this headerAdminPanel panel div to display properly because the header has a div with overflow:hidden in it and z-index positioning does not appear to be the answer (unless I am doing something wrong).
Here is my HTML code:
http://jsfiddle.net/user1032334/NY75B/2/
I dont know if we have your entire code for this section. But you have 2 extra closing
</div>tags in your code. Invalid HTML could be the cause of your problem (and many more!).Line 19 & 20 have an extra
</div>tag.Check out this JSFiddle. <– This is your code with the 2 extra closing tags. (Commented)
Check out this JSFiddle. <– This is your code WITHOUT the 2 extra tags.