title: How do I fix IE7 right float bug without changing order of content
body: <p>I have list items, with a span, set to inline-block and floated right.  This is the result</p>
  
  <p><img src="https://i.stack.imgur.com/SRyfZ.jpg" alt="HTML layout"></p>
  
  <p>Here's a link to jsFiddle: <a href="http://jsfiddle.net/8bR3u/" rel="noreferrer">http://jsfiddle.net/8bR3u/</a>.<br>
  I've seen several suggestions to fix this by putting the span in front of the rest of the list item content, but I want a solution that doesn't jack up the markup.  Anyone know of one?</p>