title: RTL issue in IE affecting whole page
body: <p>I'm developing a website in hebrew, and everything is fine in Chrome and Firefox (as expected), but I have an issue with IE.
  When I place</p>
  
  <pre><code>direction:RTL;
  unicode-bidi:embed;
  </code></pre>
  
  <p>the whole page gets shifted to the right, and a horizontal scrollbar appears.</p>
  
  <p>On initial load of the page, IE loads it scrolled to the right side, so it looks good (no need for manual scrolling), but the horizontal scrollbar is there.</p>
  
  <p>All the other elements are placed correctly and I can't find the issue. There is no element that would overflow outside the main wrapper, and the scrollbar is there only if <code>direction:RTL</code> is placed.</p>
  
  <p>I can notice that the scrollbar appears near the end of the loading, but I don't know if there is some way to step through the loading of the page (something like breakpoint/debug/step).</p>
  
  <p>I tested it on 3 different computers (IE8/XP, IE8/Win7, IE9/Win7, and also with <a href="http://netrenderer.com" rel="nofollow">http://netrenderer.com</a> )</p>
  
  <p>Some help/guidance would be greatly appreciated.</p>
  
  <p>You can check it at:</p>
  
  <p><a href="http://southbeachsmoke.co.il/" rel="nofollow">http://southbeachsmoke.co.il/</a></p>
  
  <p><a href="http://southbeachsmoke.co.il/products/category/1" rel="nofollow">http://southbeachsmoke.co.il/products/category/1</a></p>