title: IE bug when using RTL direction for floated elements
body: <p>My page looks great on FireFox, Chrome, and Safari. But on IE it seems to be extra margin between floated divs when RTL direction is used. When I remove "direction:rtl" it works fine on IE.</p>
  
  <p>Here is my CSS of the 2 adjacent DIVs. Any idea? Thanks</p>
  
  <pre><code>#box5{
      position:relative;
      background:#FFF;
      float:right;
      width:436px; height:203px; overflow:hidden;
      padding:30px 20px 20px 20px;
      margin:20px 105px 0 70px;
      direction:rtl;
  }
  
  #box6{
      position:relative;
      background:#FFF;
      float:right;
      width:436px; height:203px; overflow:hidden;
      padding:30px 20px 20px 20px;
      margin:20px 0 0 70px;
      direction:rtl;
  }
  </code></pre>