Facebook: 520 width causing iframe dialog with multi-friend-selector to be cut off

In my app I have a multi-friend-selector which displays fine in the iframe, but when I attempt to open any dialog/modal boxes that it (multi-friend-selector) triggers, it results in the content of said box being cut off on the right. The reason simply is due to the overflow:hidden property set on the elements above it in the DOM. Is there any way I can get around this?

The content of my file is as follows:

<body>
    <div id="fb-root">
    <script src="http://connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
    <script>
        FB.init({appId: 'xxx', status: true, cookie: true, xfbml: true});
        FB.XFBML.parse();
    </script>

    <fb:serverFbml width="582">

      <script type="text/fbml">

            <fb:request-form action="xxx"
                                    method="POST"
                                    invite="true"
                                    type="THIS IS TYPE CUSTOMIZABLE"
                                    content="Check out this page <fb:req-choice url='xxx' label='View Page' />">

            <fb:multi-friend-selector showborder="true"
                                      bypass="cancel"
                                      cols="3"
                                      actiontext="THIS IS CUSTOMIZABLE"/>
            </fb:request-form>


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

ansaurus

tags:

views:

answers:

Facebook: 520 width causing iframe dialog with multi-friend-selector to be cut off

related questions