在火狐的Chrome和IE...Bad上看起来不错吗？

Question

我知道这是我的错。顺便说一句，我知道高度与包的工作方式是正确的，我通过使用一堆中断(br标签)来抵消这个问题(只是为了完成设计)，哈哈。

不管怎么说，这个网站在chrome中看起来和我想要的一模一样(去掉了中断(br标签))...In firefox，一团糟。它实际上在IE...but上看起来很好，而不是功能性的。

我会花上2-3个小时来调整和改变CSS的一些细节。需要一个CSS专家5分钟，所以我来问到底是怎么回事？是chrome真的原谅了我糟糕的编码，还是firefox搞混了？

我现在主要关心的是让一切看起来都是一样的，并且适当地(没有那些中断(br标签)黑客)。然后，稍后我将重点介绍IE的功能。

Here is the site.

Answer 1

按照Sotiris的建议进行验证后，我意识到在内联元素中包含块元素会给firefox带来麻烦。

我有DIV和H3的标签，这就是为什么它被弄乱了。奇怪的是，IE8，Chrome，Safari仍然显示OK...But火狐变得奇怪。我理解firefox变得奇怪是合理的，因为它这样做是违反规则的，但它应该对此更加宽宏大量。

我用我想要的格式相似的跨度替换了H3，还替换了作为容器的DIV，以便使用javascript注入超文本标记语言，并且只附加超文本标记语言而不是寻找DIV。

Answer 2

为了修复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>