Как исправить ошибку с плавающей точкой в ​​IE7 без изменения порядка содержимого

Question

У меня есть элементы списка, с диапазоном, установленным на inline-block и плавающим справа. Это результат

Вот ссылка на jsFiddle: http://jsfiddle.net/8bR3u/.
Я видел несколько предложений, чтобы исправить это, поместив span перед остальным содержимым элемента списка, но я хочу решение, которое не поднимает разметку. Кто-нибудь знает об этом?

Answer 1

Требуемое исправление можно найти по адресу http://jsfiddle.net/8bR3u/4/

Исправление заключается в добавлении позиции: относительно ul и добавлении позиции: абсолютная и верхняя: 5px и правая: 0px к диапазону и удаление поплавка

Решение заключается в использовании относительного абсолютного позиционирования. Более подробную информацию об этом можно найти здесь http://css -tricks.com / absolute-позиционирование внутри-позиционирование /