title: float next sibling left of previous sibling
body: <p>I don't know how to or if this can be done with internet explorer 6.</p>
  
  <p>I am trying to float the next sibling to the left of the previous sibling </p>
  
  <p>This is what im doing and it displays correctly with chrome 6 , opera 9 and firefox 1+.</p>
  
  <p>What the issue with IE6 is that the <code>previous (2)</code> is floated to the far right (where it would be best to be beside to <code>next (1)</code> that is on the left side of the page.</p>
  
  <pre><code> .wrap{float:left;}
   .prev {float:right;}
   .next {float:left;}
  
  
   &lt;div class="wrap"&gt;
   &lt;div class="prev"&gt;previous (2)&lt;/div&gt;&lt;div class="next"&gt;next (1)&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>If it can be done and you know how to do it i will give a bounty of 250 points</p>