Bootstrap dropdown position fixed with container boundary radius disappearing abroad in IE

Question

I believe that I encountered an error in IE related to overflow and border. I hope to find a way to solve the problem without removing the border radius.

This jsfiddle shows the problem that I am facing in IE9 and 10 (maximally compressed):

http://jsfiddle.net/b3XA2/7/

if you click in one of the fields, a menu will appear in which you click. The difference is the first box, the menu will not go beyond the field.

This is caused by:

.one { overflow-y:auto; } 

What I need, as the content in the first div can exceed the height limits, and I want it to scroll if there is one.

Removing overflow-y or border radius fixes this problem.

Answer 1

Instead of setting overflow for the container, I set it to ul and did to fill it with the parent. See Violin http://jsfiddle.net/b3XA2/11/

 .one > ul{ overflow-y:scroll; margin:0; height: 100%; }