Strange css position issue <p>I'm using <a href="http://harvesthq.github.com/chosen/" rel="nofollow noreferrer">Choosen</a> and <a href="http://twitter.github.com/bootstrap/" rel="nofollow noreferrer">Twitter Bootstrap</a> in my project. What I want to get is, to get choosen's dropdown over collapsible divs but it goes under other content. Here is jsfiddle</p> <p><a href="http://jsfiddle.net/tt13/CFbpt/5/" rel="nofollow noreferrer">http://jsfiddle.net/tt13/CFbpt/5/</a> </p> <p>What am I missing? how to fix this problem?</p> <p><img src="https://i.stack.imgur.com/FN1wW.png" alt="enter image description here"></p>