jquery - 如何更正 jQuery UI 中的选项卡内容区域？

Question

我有 jQuery UI 演示页面，用于新的 jQuery UI 下载，大部分示例都被注释掉了。没有被注释掉的主要内容是手风琴的代码，我希望它作为左侧导航侧边栏，以及选项卡的代码，这将是页面的大部分内容。

目前我已经添加到 CSS 中：

        div#accordion
            {
            float: left;
            position: absolute;
            width: 18%;
            }
        div#tabs
            {
            margin-left: 20%;
            }

我在手风琴上没有绝对位置的情况下尝试的所有操作都会导致选项卡中文本的顶部与手风琴的一部分对齐。

有没有更好的方法来编码手风琴位于左侧边栏而选项卡区域位于右侧？最好有一个不会在屏幕底部被截断的实现。