在Chrome和IE上看起来不错…在Firefox上不好？

Question

我知道是我的错 我知道高度可以与包装一起正常工作，并且我通过使用一堆中断（br标签）来解决了这个问题（只是为了完成设计）。

无论如何，该网站看起来完全像我想要的那样（在chrome中（减去中断（br标签）hack））...在firefox中，情况一团糟。 实际上在IE上看起来不错...但是不起作用-.-

我将花费2-3个小时来调整和更改CSS的tid位。 需要5分钟的CSS专家，所以我来问到底是怎么回事？ chrome是真的可以原谅我的错误编码吗，还是Firefox感到困惑？

我现在主要关心的是使所有内容看起来都一样，并且正确（这些中断（br标签）都没有被黑客入侵）。 然后，我将在以后着重介绍IE功能。

这是网站。

Answer 1

要修复Firefox中的付款部分，我已将您的html修改如下：

<div class="Savings0 custom-radio-Length"><label style="border:white;">&nbsp;</label></div>
<div class="Savings3 custom-radio-Length"><label style="border:white;">15% off Total <br/> Save $1.35</label></div>
<div class="Savings6 custom-radio-Length"><label style="border:white;">20% off Total <br/> Save $3.60</label></div>
<div class="Savings12 custom-radio-Length"><label style="border:white;">25% off Total <br/> Save $9.00</label></div>

Answer 2

在按照Sotiris的建议进行验证之后，我意识到在内联元素中包含块元素会引起Firefox的麻烦。

我在标签标签中有DIV和H3，这就是为什么它弄乱了。 奇怪IE8，Chrome，Safari仍然显示OK ...但是firefox变得很奇怪。 我知道它对于Firefox变得怪异是有效的，因为这样做违反了规则，但是对此应该更加宽容。

我用H3替换了具有所需格式的跨度，并且还替换了我作为容器使用DIV来使用javascript注入HTML，而是只附加了HTML而不是寻找DIV。