title: Facebook Tab height auto resize
body: <p>I have my Facebook Tab I create who contains 3 div blocks, but the height is too big, and I have a scrollbar.
  That's why I put "overflow: hidden" CSS with the body html.
  And it was not working.
  So I find a good thing on the web :</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script src="http://connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  FB.init({
  appId : 'MY_APP_ID',
  status : true, // check login status
  cookie : true, // enable cookies to allow the server to access the session
  xfbml : true // parse XFBML
  });
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  window.fbAsyncInit = function() {
  FB.Canvas.setSize( { height: 1000 } );
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>That's only working on Firefox and Safari, but on Chrome &amp; IE I don't have the scrollbar, but if I want to go on the bottom of my tab I have to left-click to can scroll and see the botton.
  How I can adjust this thing on Chrome &amp; IE ?
  Do you think my CSS id bad ?</p>