css：列计数属性，IE10显示与其他浏览器不同

Question

这是一个http://jsfiddle.net/nAhPj/链接。 该页面在Chrome，FF，Safari中的外观相同，但在IE10中则不然。 它应该是：

1A 2A 3A 4A
1B 2B 3B 4B
1C 2C 3C
1D 2D 3D

为什么它在IE10中的外观与Chrome，FF，Safari中的相同？如何解决IE10问题？这是一个错误吗？

P.S。不幸的是，解决方案应该是覆盖css，而不是修改html或css。否则，我会找到解决方案，不会问这个问题。

以下是Chrome与IE10的相似之处：

Answer 1

拥有跨浏览器解决方案（我的意思是最近的浏览器）的最简单的解决方案是使用<li>作为块。

在display: inline-block上定位<li> css属性，然后使用float和width属性根据需要定位它们。你可以用它做响应式设计。