jQuery选项卡未正确呈现

Question

我在aspx页面中使用jQuery选项卡。我的问题是标签的条形高度比需要的大。这是截图

如果我在第一个下面放置另一个jQuery选项卡，它将被正确呈现。我无法理解原因。谁能帮我？

这里有一些代码部分

<div id="divProgressOverlay" style='display:none; position:fixed; top:0;left:0;width:100%;height:100%; background-color:#FFFFFF;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:10000;'>
</div>
<div class="ms-notif-box" id="divProgressWait" style="display:none; z-index:100001; width:100%; text-align:center; top:50%;">
    <a onclick='this.style.display="none";'><img src="data:image/gif;base64,R0lGODlhGAAYAJECAP///5mZmf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+L=..." /></a>
    <span class="ms-accentText" style='font-family: "Segoe UI Light", "Segoe UI", Tahoma, Helvetica, Arial, sans-serif; font-size: 36px;'>
        <label id="lblWaitText"></label>
    </span>
</div>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Online activation</a></li>
        <li><a href="#tabs-2">Manual activation</a></li>
    </ul>
    <div id="tabs-1">
        <table style="width:100%;" runat="server" ID="tblOnlineActivation">
            <colgroup width="35%"></colgroup>
            <colgroup width="65%"></colgroup>

            ...
        </table>
    </div>
    <div id="tabs-2">
        <table style="width:100%;" runat="server" ID="tblManualActivation">
            <colgroup width="35%"></colgroup>
            <colgroup width="65%"></colgroup>

...
        </table>
    </div>
</div>

这里是jQuery选项卡的js代码

$(document).ready(function () {
$("#tabs").tabs();}