CSS IE和Firefox中的保证金问题

Question

我正在尝试在HTML / CSS中制作横幅。 但是，我在一个div的边距上遇到了麻烦。 它在Firefox中可以完美运行，但在IE中则不能。

#lowerText{
       float: left;
       margin-top: 50px; 
       margin-left: -185px;
       color: rgb(255, 199, 142); 
       font-family: 'Special Elite', cursive; 
       font-size: 15px; 
       text-transform: uppercase;
       display:inline;
}

#upperText{
      float: left;
      margin-left: 20px; 
      margin-top: -10px; 
      color: rgb(255, 199, 142); 
      font-family: 'Special Elite', cursive; 
      font-size: 30px; 
      text-transform: uppercase;
      display:inline;
}

这是#lowerText的h3标签， #lowerText写着“ -Foo foo foo bar”。 在IE中，它仅显示：“ oo bar”。 该div中的文本必须在#upperText下面的特定位置。 但是margin-left: 185px #lowerText中的#lowerText在IE中没有显示，但在Firefox中显示。

我需要做什么来解决这个问题？

Answer 1

在您的评论中，您声明您的jsfiddle在IE中有效。 jsfiddle自动插入一个doctype，我现在假设您在原始页面中没有该类型。 如果是这样，则IE处于怪异模式，没有doctype和问题原因（IE是地球上最差的浏览器）。

编辑：没有先看。 jsfiddle显示了一个doctype。 你把那放在那里了吗？