Фоновое переполнение границы на 1px на встроенном блоке с направлением: RTL в IE8-10pre1

Question

В Internet Explorer версий 8–10preview, когда div inline-block получает свойство "direction: rtl;", его фон будет переполнен на 1 пиксель за границу справа.

Вот демонстрационная версия Jsfiddle: http://jsfiddle.net/8KgvB/6/ (Создание этой демонстрации было головной болью само по себе, потому что IE не нравится Jsfiddle [или наоборот], но это совсем другая история)

IE7, очевидно, не обладающий функциональностью встроенного блока, не имеет этой проблемы, даже с взломом zoom:1.

Это ошибка? или я просто что-то пропустил? Может быть, у кого-то есть обходной путь.

Спасибо!

Answer 1

Глупый IE... лицевая сторона

Вот " исправление" для этой явной ошибки в IE. вы просто используете обертку с атрибутом rtl.

редактировать

Мне сообщили, что просто опубликовать ссылку на SO не очень хорошая идея, так что вот код: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;
}