FireFox 的跨浏览器兼容性问题

Question

为了让我们的客户获得近乎准确的跨浏览器体验，我最近遇到了一个无法解决的问题。我已经建立了网站并且 运行，它在每个浏览器上都运行顺畅，期待 Mozilla Firefox。 Firefox 中出现的问题是，我在网站主要内容的右侧看到一个宽阔的白色 space，这是由我的响应式 css3 滑块引起的。下面的 link 显示了 100% 的滑块代码，在 jsfiddle 上完美运行；

Css Slider

但是，问题是每个 article 标签都在使用它的 space，即使它在 Mozilla 中被隐藏并且没有显示。所以滑块越接近它的末端，我看到的白色就越少space。接下来的幻灯片被隐藏了，但是，它们仍然占据了一定的空间 space，这迫使右侧有很多空白区域。

您可以在下面的 link 查看网站本身；

My Website

希望我已经清楚地说明了这个问题，这件事可能的解决方案是什么？！？

Answer 1

在 标签上添加 overflow-x: hidden 似乎可以解决问题。不过，我不确定为什么。希望有人有更好的解决方案。