Как создать полосу прокрутки во вкладке jQuery UI?

Question

Я использую jQuery UI для создания 2 вкладок. Мне действительно нужно, чтобы прокручивалась только первая вкладка (с надписью «Очередь»), но если все созданные вкладки имеют вертикальную прокрутку, это тоже хорошо.

Обратите внимание, что мне не нужна или не нужна горизонтальная полоса прокрутки.

Я пытался разместить overflow: auto; в разных местах моего CSS, но я не могу найти результаты, которые хочу. Мой код на jsFiddle здесь: http://jsfiddle.net/6Ctnt/

Может кто-нибудь помочь мне понять, что я делаю не так?

Обновление

Мне нужен список предметов (внутри #list-container) для прокрутки. Все это должно быть динамичным, поэтому я не могу использовать фиксированные размеры по высоте. Мне нужна область содержимого вкладок, чтобы использовать оставшееся пространство, которое не занято #button-container и контейнером, в котором хранится список вкладок.

Answer 1

Добавление этого CSS может сделать работу:

#list-container {
    height: 200px;
    overflow-y: scroll;
}

Edit: Без фиксированной высоты:

#queue-tab {
    position: relative;
    height: 100%;
}
#list-container {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;
    overflow-y: scroll;
}

Все еще нужно исправить поля ... но, похоже, работает