html - div 在 IE 10 中不会对齐，但在 Firefox 中可以正常工作

Question

我有一个看起来像这样的表格，

这就是表单的外观，它在 FireFox 中看起来很完美，我的问题是，当我在 IE 10 中查看它时，它看起来像这个jsFiddle 我并没有使用很多 CSS，只是由网页设计软件和一个我添加的行使 div 居中，这就是

#wrapper {
width: 600px;
margin: auto;
}

如果我按照自己的方式进行操作，我将不允许在 IE 中查看它，但我不允许在不破坏其他浏览器的情况下解决此问题？

Answer 1

改变这个： -

<div id="top" style="float:&quot;left&quot;; width: 286px;" width: "270px" height: "292px">

对此：-

<div id="top" style="float:left; width: 286px;" width: "270px" height: "292px">

会让它工作。

更新了 jsFiddle：-

http://jsfiddle.net/7unvj/6/