我正在为我的网站开发一个简单的不透明度滑块，我遇到了一个奇怪的渲染错误（？），它只发生在 Firefox 中（Chrome 和 Opera 可以完美地处理它）。
问题是当幻灯片相互更改时，它们上方会出现一条水平线：
显然它与切换图像的箭头有关。如果我设置display: none为它们，则不会出现任何线条。
箭头的> <跨度很简单，并且它们具有文本阴影。如果我从它们中删除文本阴影，线条会变细：
带箭头的 Span 绝对位于 div 内，每个 div 占据幻灯片容器的一半。这些 div 位于其他 div 中，该 div 与幻灯片同级并且z-index:1必须在它们之上。如果我为跨度设置右/左位置，以便它们只是稍微叠加图像，或者如果我出于相同目的使 div 更薄（例如，40% 而不是 50%），则该行消失：
看起来它似乎与跨度的宽度有关，但设置 max-width 和 display: block 也无济于事。
我怎样才能摆脱这条奇怪的线？也许有CSS hacks？您可以在此处自行检查滑块。谢谢！