jquery ui-tabs小部件，用css改变背景颜色导致显示问题

Question

我正在使用jquery选项卡插件，并希望背景为浅灰色。在用于突片的CSS部分，我发现这行代码，其中我手动添加的背景色部分：

.ui-tabs .ui-tabs-panel { padding: 1em 1em; display: block; border-width: 0; background-color:#EEEEEE;} 

，问题就如在下面的图片，其中该灰色背景技术仅向下延伸的部分看到方式。我最初以为我可以用相同的背景色更新div容器，但它不起作用。它看起来像下面的白色部分可能是某种填充，所以我在css中查找，但我试过的所有东西都具有相同的效果。

任何人有一些想法？

alt text http://www.redsandstech.com/ui_tab.jpg

这是HTML的样子（理论上）：

<div id="tabs_here"> 
    <ul> 
     <li><a href="#" onclick="$('#T_1').html('Display the data');" >Item Groups</a> 
     </li> 
    </ul> 
    <div id="T_1"></div> 
</div> 

Answer 1

这看似简单，但有时你错过了简单的解决方案...检查#T_1或#tabs_here有特定的指定高度，或将overflow:hidden添加到他们检查，它看起来像你的内容是延伸过去他们。