Strange css position issue

Question

I'm using Choosen and Twitter Bootstrap 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

http://jsfiddle.net/tt13/CFbpt/5/

What am I missing? how to fix this problem?

Answer 1

This should take care of everything:

.collapse.in { overflow: visible; }
.chzn-drop { display: none; }
.chzn-container-active .chzn-drop { display: block; }

http://jsfiddle.net/Wexcode/7HLyZ/3/