View XFBML Invitation Invitation dialog box has been disabled iframe size

Question

I was stressed all the time with this thing. so I made invitations to my facebook fan page so that people would suggest or invite their fans to my fan page.

My xfbml code is as follows

<div id="fb-root" style="overflow:auto;">

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
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
});
</script>

<fb:serverFbml width="520">
<script type="text/fbml">

<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 <fb:req-choice url='http://www.facebook.com/pages/Nikolius-Web-Development-Tutorial/190882787595987'  label='Go' />"
>

<fb:multi-friend-selector actiontext="Undang Temen bergabung di Nikolius-Web" rows="3" cols="3" showborder="true" />
</fb:request-form>

</script>
</fb:serverFbml>
</div>

The problem is when I click the send invitation button and a dialog confirmation appears. the dialog box was cut off on the right side, as in this figure

any ideas how to solve this problem. when I see a manchester united fan page that have the same applications, the dialog just shows the normal one. already tried all this day, but still try my best to achieve this. :(

. , , , , .

Answer 1

FBML . , API Facebook. , , .

Answer 2

fb:serverFbml width="520" fb:serverFbml width="420", .