我只使用CSS构建了这个向导.但是在新版本的Firefox中出现问题.在Google Chrome和IE 9中完美无瑕.问题似乎是伪元素：之后和之前
这里有一个关于Chrome的工作原理的图片,应该在Firefox中运行：
小编代码：http://jsfiddle.net/2jZmr/1/
更新：我看到问题不仅仅是Firefox的版本,在两台不同的计算机上使用相同版本的Firefox(v28)进行测试,一个工作,另一个没有.我已经在我的机器上重新安装了Firefox,问题仍然存在.我还在Android 4.4.2中的Firefox上测试过,它正常工作.
Update2：当我在安全模式下打开firefox时,不会发生错误.但只是禁用所有插件,插件和主题不能更正错误.
Update3：我发现错误的原因.问题是Firefox硬件加速.
我按照以下步骤：
>在Firefox窗口的顶部,单击Firefox按钮,然后选择选项
>选择高级面板和常规选项卡.
>取消选中可用时使用硬件加速.
>在Firefox窗口的顶部,然后选择退出
>按照通常的方式启动Firefox.
但是是否可以通过javascript更改css或执行一些代码,以便在启用硬件加速功能的Firefox中运行？
如果没有,将采用的替代方法将使用图像而不是CSS3.
编辑：我的Firefox现在是32.0版,问题仍然存在.
解决方法
我不会在我的FF上遇到问题,但是你可以尝试的是在伪元素之前加上“：”：
有时你会看到双冒号(:)：而不是一个(:).这是CSS3的一部分,并尝试区分伪类和伪元素.大多数浏览器都支持这两个值.
注意：::选择始终以双冒号(:)开头.
您只能在选择器中使用一个伪元素.它必须出现在语句中的简单选择器之后.
src：https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
