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

Question

В Internet Explorer версий 8–10 preview, когда div inline-block получает свойство «direction: rtl;», его фон будет переполнен на 1 пиксель за границей справа. Вот демоверсия Jsfiddle: http://jsfiddle.net/8KgvB/6/ (Создание этой демонстрации было головной болью само по себе, потому что IE не нравится Jsfiddle [или наоборот], но это совсем другая история)

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

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

Спасибо!

Answer 1

Глупый ИЕ ... лицевой щиток

Вот " fix " для этой явной ошибки в 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;
}