Dropdown not showing elements Bootstrap 3

Question

I'm having a issue with the dropdown element of bootstrap 3. It's not showing the elements. The reason is because I'm having a conflict with the css off "wrapper"

#wrapper    { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }

You will probably said remove it and it works. But I can't do that. I'm trying to do a parallex effect. This one being more specific.

And having that style is part of doing the parallex effect. I though of changing the top size, but it wouldn't work if the dropdown gets more elements.

I have a demo showing the issue.

Any idea how I could solve this issue?

Answer 1

Just add to your "divide-nav" class this styles:

.divide-nav {
    position: relative;
    z-index: 999;
}