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/