Iframe版FacebookページでIEだけ横のスクロールバーが消えないを解決

Iframeで読み込むFacebookページで縦横のサイズを変更する場合、
以下のようなタグを書いておきます。

  window.fbAsyncInit = function() {
    FB.init({
      appId  : '2xxxxxxxxx', //FacebookアプリID
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };

  (function() {
    var e = document.createElement('script'); 
    e.src = document.location.protocol + '//connect.facebook.net/ja_JP/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());

FB.Canvas.setSize({ width: 520, height: 1200 }); //幅高さを変更

でも何故かIEだけIframeの横幅にスクロールバーが出たままでした。
中の要素を一文字だけにしてもダメ。

とりあえず思い当たるものをいじっていったら、
overflow-xをhiddenにしたらスクロールバー消えました。