Html 与IE10的部门职位问题

你知道为什么在IE10上，我的“错误”消息与我表单中的“特使/提交”按钮重叠，以及如何解决这个问题吗？它在safari上运行良好，因此不确定问题出在哪里。另外，error有一个

浮点：left

，但似乎不起作用。 下面是一个JSFIDLE：

谢谢你的帮助

.error {
    position: absolute;
    display: none;
    display: block;
    background: #EF6666;
    display: inline;
    padding: 3px 10px 3px 10px;
    top: 210px;
    float: left;
}

表格看起来不正常（即带有IE10）

表单外观正常（即使用Safari）

。错误{
位置：绝对位置；
显示：无；
显示：块；
背景：#EF6666；
显示：内联；
填充：3px10px 3px10px；
顶部：210px；
左：0px；
}

您不需要带绝对位置的

float:left

和

display:inline

也不需要，因为绝对定位的元素被视为

display:block

，请执行以下操作：

.error {
    position: absolute;
    background: #EF6666;
    padding: 3px 10px 3px 10px;
    top: 210px;
    left: 0; //to show it on left
}