How to fix IE7 error with float right without changing the order of contents

Question

I have list items, with a range set to an inline block and floating to the right. This is the result.

Here's a link to jsFiddle: http://jsfiddle.net/8bR3u/ .
I saw several suggestions to fix this by putting a range in front of the rest of the contents of the list item, but I need a solution that will not raise the markup. Does anyone know one thing?

Answer 1

The required fix can be found at http://jsfiddle.net/8bR3u/4/

, : ul : : 5px : 0px float.

. http://css-tricks.com/absolute-positioning-inside-relative-positioning/