“制表符”中的HTML表格和标题冻结

Question

我有一个jsfiddler示例，其中包含html和标签设置http://jsfiddle.net/3GLD7/6/

制作将有许多标签，每个标签都有自己的表格。我希望让标签内的表格滚动并保持标题冻结。我尝试使用http://www.jqueryscript.net/demo/Simple-jQuery-Plugin-To-Freeze-Header-Row-In-Table-freezeheader/，但是当我开始滚动时标题列的位置要低得多，它会显示数据本身。我想也许是因为我使用标签搞砸了它？我不是一个CSS家伙，所以想知道是否有人可以伸出援助之手？

这些标签是否可以解决这个问题。

<div id="tabs">
    <ul>
            <li>
                <a href="#Test1">Test1</a>
            </li>
    </ul>

        <div id="Test1">
            <div id="HOT-Test1" style="width: 1100px; height: 800px;">
            </div>
        </div>
</div>