title: Facebook iframe FB.Canvas.setAutoGrow does not auto grow after initial load?
body: <p>I have been building a facebook tab using html and css and facebooks javascript SDK.</p>
  
  <p>I having problems with the iframe resizing to the size of the content.</p>
  
  <p>I've managed to get it to work on initial load which is cool, using this below script...</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"&gt;
  </code></pre>
  
  <p>-</p>
  
  <pre><code>&lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '00000000000000', // App ID
        channelUrl : '//www.mywebsite.com/channel.html', // Channel File
        status     : true, // check login status
        cookie     : true, // enable cookies to allow the server to access the session
        xfbml      : true  // parse XFBML
      });
  
      FB.Canvas.setAutoGrow();
  
    };
  
    // Load the SDK Asynchronously
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  &lt;/script&gt;
  </code></pre>
  
  <p>and my channel.html looks like this...</p>
  
  <pre><code>&lt;?php
   $cache_expire = 60*60*24*365;
   header("Pragma: public");
   header("Cache-Control: max-age=".$cache_expire);
   header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
   ?&gt;
   &lt;script src="//connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><br />
  Like I said the initial page load resizing is perfect, but as I navigate around the iframe, it does not autogrow to my content.</p>
  
  <p>Can anyone advise as I'm very new to this facebook iframe biz.</p>
  
  <p>Thanks in advance</p>