背景在 IE8-10pre1 中的内联块上溢出边框 1px，方向为：rtl

Question

在 Internet Explorer 版本 8 到 10preview 中，当内联块 div 获取“direction: rtl;”属性时，它的背景将溢出右侧边框之外 1px。

这是一个 Jsfiddle 演示：< a href="http://jsfiddle.net/8KgvB/6/" rel="nofollow">http://jsfiddle.net/8KgvB/6/ （创建这个演示本身就很头痛，因为 IE 不喜欢 Jsfiddle [反之亦然]，但这完全是另一回事）

IE7 显然缺乏内联块功能，即使使用 Zoom:1 也没有这个问题黑客。

这是一个错误吗？或者我只是错过了什么？也许有人有解决方法。

谢谢！

Answer 1

愚蠢的 IE...facepalm

这里有一个针对这个明显问题的“修复” IE 中的错误。您只需使用带有 rtl 属性的包装器。

编辑

我被告知，仅仅发布链接并不是一个好主意，所以这里也是代码：P

div.outer {
    border:1px solid black;
    line-height:60px;
    width: 100px;
    text-align: center;
    display:inline-block;
    background-color: red;
}

div.inner {
    direction:rtl;
}