Question

I am trying to make a CSS based dropdown and some how the dropdown stays behind the lower divs. Could anyone please check and see what am I doing wrong
Thanks in advance.

here is jsfiddle link

http://jsfiddle.net/g4CWC/

Answer 1

You are setting the overflow property of the top panel to hidden, which hides part of the dropdown:

.ribbon {
    overflow: hidden;
}

Try removing that line. Example: http://jsfiddle.net/grc4/yfbUC/1/