Переполнение списка внутри div, из которого overflow: hidden

У меня есть div, и этот div имеет высоту 200 пикселей. Внутри div есть текст, и я не хочу, чтобы у div были полосы прокрутки, поэтому я установил overflow: hidden.

Теперь внутри этого div есть список, действующий как раскрывающийся список. Когда вы нажимаете на список / раскрывающийся список, я хочу, чтобы он находился в ТОПе основного div.

Вот пример с основным div для переполнения: hidden:

А это пример без переполнения: hidden. Поэтому я хочу следующее, но не переполненный текстом.

jsFiddle: http://jsfiddle.net/w8kQA/