Facebookのログインポップアップウィンドウが中央に配置されていない場合、どうすればいいですか？

Question

次のコードでは、Facebookブックのログインリンクが表示され、すべての点で問題なく動作します。クリックすると、フェイスブックのログインポップアップウィンドウが中央に表示されません（代わりに画面の中央の中央に不自然に表示されます）。

<div class="provider_logo big" name="facebook"> 
<div class="inner"> 




<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    function check_login_status() { 

     var FB_API_KEY = "XXXXXXXXXXXXXXX"; 
     FB.init({ 
      appId:FB_API_KEY, cookie:true, 
      status:true, xfbml:true 
     }); 
     FB.getLoginStatus(function(response) { 
      if (response.session) { 
       redirect_to_done_page(); 
      } else { 
       FB.login(function(response) { 
        if (response.session) { 
         redirect_to_done_page(); 
        } else { 
         // user cancelled login 
        } 
       }, {perms:'email'}); 
      } 
     }); 
    } 

    function redirect_to_done_page() { 
     window.location = "/account/facebook/done/"; 
    } 
</script> 
<a style="position: relative; top: -8px;" href="javascript:void(0);" onclick="check_login_status()" perms="email"><img src="/images/facebook.gif" /></a> 

私は窓を配置でしょうかどうかを確認するために、スクリプトの先頭にVaRの左側、およびVARのトップのオプションを貼り付けてみましたが、それはしませんでした。表示されるポップアップウィンドウを中央に配置するために上記のコードをどのように変更することができるかに関する提案はありますか？

すべての回答をいただきありがとうございます。

<div id="fb-root"></div> 

Answer 1

自分のFacebookのdivが別の範囲内です。 bodyタグのすぐ下に配置してください。