Html dd div在Chrome中显示正确的边距，但在Firefox中被破坏

我有一个FAQ页面，上面有问题：

这个问题在Chrome中的定位是正确的（可接受可能是一个更好的词），但当我在Firefox中看到它时，它太向右浮动了：

有人知道我需要更改哪段代码吗？ 我尝试了填充和边距，但它在铬合金中弄糟了

我也试着在“元素”标签上添加一些东西，但除了Firebug之外，没有什么乐趣

希望有人能帮忙

这是我使用的HTML代码：

<div class="headerstandard">Important Information before you begin your application!</div>
<div id="faq">                               
<div id="faqSection">
<dl>        
<dt>How do I apply to join SimplyPsychics.com?</dt>
<dd>To join our team, you must complete an online application. Unfortunately we don't send application forms in the post.</dd>
</dl>
</div></div></div>

---

在这种情况下，Firefox（Gecko）似乎是正确的，并且保持了

dd

的定义，并添加了

marginleft:40px

样式属性

---

在铬合金中确认了非标准合规行为。您可以通过在CSS或内联中强制使用不同的边距来克服这一问题。

在Firefox中尝试了一下，DD元素似乎有额外的边距。您可以使用。添加此项应该可以：

dd {
    margin-left:0;
    ...
}

---

有人回答了此问题，但他们的答案已被删除！：( 在调用样式表之前，我重置了CSS，并将此代码应用到文档的标题。它在chrome中也修复了此代码：

dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

---

我注意到你对SO还很陌生（所以首先：欢迎！）。当提出问题时，请记住，我们对与问题无关的意见和评论并不感兴趣。如果你的问题更切题，你可能会得到更多或更好的答案。如果你想知道，这就是我编辑你的问题的原因

dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}