title: XFBML Send Invitation Preview Dialog Box got cut off by iframe size
body: <p>i been stressed with this thing all day. so i made a invitation apps on my facebook fans page, to get people suggest or invite to their fans about my fan page.</p>
  
  <p>my xfbml code are like this</p>
  
  <pre><code>&lt;div id="fb-root" style="overflow:auto;"&gt;
  
  &lt;script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  FB.init({
  appId  : '2071839326xxxxx',
  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;fb:serverFbml width="520"&gt;
  &lt;script type="text/fbml"&gt;
  
  &lt;fb:request-form
  action="http://www.facebook.com/pages/Nikolius-Web-Development-Tutorial/190882787595987"
  method="POST"
  invite="true"
  type="Nikolius-Web"
  content="Undang Temen bergabung di Nikolius-Web &lt;fb:req-choice url='http://www.facebook.com/pages/Nikolius-Web-Development-Tutorial/190882787595987'  label='Go' /&gt;"
  &gt;
  
  &lt;fb:multi-friend-selector actiontext="Undang Temen bergabung di Nikolius-Web" rows="3" cols="3" showborder="true" /&gt;
  &lt;/fb:request-form&gt;
  
  &lt;/script&gt;
  &lt;/fb:serverFbml&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the problem is when i click the send invitation button, and a dialog confirmation comes up. the dialog box got cut off in the right side like in this picture
  <img src="https://i.stack.imgur.com/vsfSF.jpg" alt="enter image description here"></p>
  
  <p>any ideas how to resolved this problem. when i see the <a href="http://www.facebook.com/manchesterunited?sk=app_10442206389" rel="noreferrer">manchester united fan page</a> that have the same apps, the dialog box just show normaly. already tried this whole day but still struggle to get this right. :(</p>
  
  <p>sorry for my english. hope you guys know what i mean.</p>