IE7 RTL float right in float left

Question

У меня есть документ RTL, который имеет элемент, который содержит float: left; с float: right; элементами внутри него. IE7 не отображает его правильно.

См демо и скриншоты:

JS скрипку: jsfiddle.net/R6aS5/

Firefox (правильный)

IE 7 - неверно - право плавал элементы находятся вне их родительского контейнера

Элемент, который плавает влево (синий), должен оставаться текучим. Я знаю, что добавление чего-то вроде width: 200px; исправит, но плавающие элементы внутри являются динамическими.

Answer 1

Исправлено с помощью обходного пути для изменения внутренних элементов, которые имеют float: right; - удалены поплавки и используют display: inline; с zoom: 1; для IE7.

JS скрипку: http://jsfiddle.net/8pFsZ/

Оказывает следующим образом -

Firefox:

IE7:

В качестве альтернативы , также может использовать звёздный взлом для исправления для < IE7 только вместо удаления свойства float для всех браузеров:

li { 
    float: right; 
    *float: none; 
    *display: inline; 
    *zoom: 1; 
    border: 1px solid green; 
    padding: 5px; 
}