let the list cross the div border

I have a div开发者_JS百科 with overflow: auto;.

Inside the div there is a listthat cross the border of the div and remain partially hidden.

Here s an image:

In jsfiddle.net/GQSFH/1 I need that all of the list structure will be visible.

I would like to show the whole list. How can I do it?

Use overflow:visible or on your parent element/container set a height to adjust according to the selection box height.