JqueryUI选项卡在固定组件上可见

Question

我已经使用了<div>三次。标题，包装和页脚分别。标题位置是固定的。包装器由几个组件组成，很少是jqueryUI选项卡。现在，当我向下滚动页面时，包装器以及所有内容开始隐藏，因为标头的位置是固定的，奇怪的是UI标签没有被隐藏，而是它们重叠并导致设计失败，我尝试调整CSS对于UI标签，没有用。我希望标签也可以在标题下面，如果可能的话，如果可以的话怎么样？我的标签CSS在这里

.tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
        height: 500px;
        overflow: hidden;
        }
.tabs .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
        height: 40px;
}
.tabs .ui-tabs-panel {
    background: url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top #f5f3e5;
    border-width: 0px 1px 1px 1px;
        overflow: hidden;
}