Javascript SyntaxHighlighter和固定元素出现溢出问题

我正在开发的页面上有一个固定的元素。它包含一个徽标和几个导航链接

在上述网站上，我需要用不同的语言呈现代码片段。我正在使用Alex Gorbatchev的SyntaxHighlighter为语法着色。问题是，样式化的代码在我的固定元素上流动

下面是它的样子：

这里有一个非常简单的例子

似乎罪魁祸首是

shCore.css

。当我移除它时，溢出消失了。不幸的是，删除它也会导致行号与其对应的代码行不同步

我已经开始摆弄文件内部以及我自己的样式表中的CSS。我在SyntaxHighlighter生成的元素和我自己的元素上尝试了各种

溢出

和

浮点

值的组合，但似乎没有任何效果

我知道随附的样式表非常庞大，搜索它们以查找bug是一件乏味的工作，但我无法让它变得更简单。我已经研究这个愚蠢的问题好几个小时了，所以我决定在这里问一个问题

任何一个善良和无聊的灵魂能帮我吗？以前有人在SyntaxHighlighter上遇到过这种问题吗？如果你认为这个问题不够简洁，请不要投票删除它，因为一旦我解决了问题，我会自己发布答案。这似乎是任何人都容易遇到的事情

我也会很高兴收到任何建议哪些CSS属性会导致这种行为的评论。也许我的

溢出

猜测太离谱了

---

或者改变语法颜色库可能是一个很好的解决方案？

一位有几年前端经验的同事帮助我解决了这个问题。我被难倒了，看它有多简单

我需要做的是在我的固定元素中添加一个

z-index

属性，以便有效地将其移动到前台

---

这里有一个

有几年前端经验的同事帮我解决了这个问题。我被难倒了，看它有多简单

我需要做的是在我的固定元素中添加一个

z-index

属性，以便有效地将其移动到前台

这里有一个