Javascript jQueryUI选项卡的CSS问题

我试图让代码片段中的选项卡只突出显示活动选项卡的顶部和悬停在上面的选项卡。不过，您会注意到，当前代码有一个bug，即选项卡下面出现了一条颜色。我似乎不知道如何摆脱它。我使用的是jQueryUI标签系统，看起来锚定标签就是在li标签下面突出的东西。有没有关于如何消除这个漏洞，缩小李彦宏和内容之间的差距的建议

这是一把小提琴：

我说的是黄色标签。我知道图像没有加载，但你可以看到图像下面有一条亮起的细条。我想让它消失。有没有关于如何摆脱它和它下面的深灰色线的建议？我基本上希望黄色标签系统位于浅灰色背景的正上方

以下是一些相关的代码：

Html

---

按以下方式更新您的样式：

section div.tabs div.tabContent {
    /* other css properties */
    margin-top: -25px;
}

小提琴：

编辑以解决您的评论，请参阅更新的fiddle

---

我做了一些更改，所以您可能希望比较新旧CSS。我也删除了负边距-基本上，您使用它来补偿应用于子div的正边距，因此从中删除边距要容易得多。

如下更新您的样式：

section div.tabs div.tabContent {
    /* other css properties */
    margin-top: -25px;
}

小提琴：

编辑以解决您的评论，请参阅更新的fiddle

---

我做了一些更改，所以您可能希望比较新旧CSS。我也删除了负边距-基本上，您使用它来补偿应用于子div的正边距，因此从中删除边距要容易得多。

感谢您的回复。这就解决了部分问题，那就是李先生的头发下面的灰色条子。有没有办法把下面的小黄条子也去掉？黄色的条子很可能是锚定标签的一部分（这就是我的调试所揭示的），但我只想让图像触到灰色。另外，我可以问一下为什么使用负利润率是个坏主意吗？我在这方面还很新，我想更好地了解最佳实践。谢谢你的回复。这就解决了部分问题，那就是李先生的头发下面的灰色条子。有没有办法把下面的小黄条子也去掉？黄色的条子很可能是锚定标签的一部分（这就是我的调试所揭示的），但我只想让图像触到灰色。另外，我可以问一下为什么使用负利润率是个坏主意吗？我在这方面还是个新手，我想更好地了解最佳实践。

section div.tabs div.tabContent {
    /* other css properties */
    margin-top: -25px;
}