Firefox 的 CSS 动画问题

Question

我遇到了 Firefox 的浏览器不兼容问题，我似乎无法修复。这在现代 IE 和 Chrome 中运行良好，但是当您将鼠标悬停在一个框上时，您会发现其内容显示在每个框的最顶部。

这里是网站的临时位置，正在建设中：http://mastermobilemarketing.ca/campaigns/roybox/index.html

我使用 jQuery 来处理 CSS 不能做的事情（或者我只是不知道怎么做），所以有一些组合在起作用。因为这显然是在使用 CSS3，所以我知道我必须为旧版浏览器等简化网站，但我至少想先让它工作。

非常感谢您的帮助和一般批评（我不介意，请随意撕毁我，我还是个新手）。

干杯 - - 安德鲁

Answer 1

<td> 上的position: relative 在 Firefox 中无效。 The first answer of this question 是解决方案。