Firefox的CSS动画问题

Question

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

以下是正在建设的网站的临时位置：http://mastermobilemarketing.ca/campaigns/roybox/index.html

我使用jQuery来处理CSS无法做的事情（或者我只是不知道如何），所以在游戏中有一些组合。因为这显然是使用CSS3，我知道我将不得不为旧版浏览器等网站愚蠢，但我至少想要让它先工作。

你的帮助和一般批评（我不介意，随意撕开我，我仍然是一个新手）非常感谢。

干杯 - 安德鲁

Answer 1

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