Facebook Like Button dialog showing off the page

Question

I've put together a "social slider" that allows visitors to "Like" and "+" a page ... The container for this slider is displayed in the absolute bottom right hand corner of the browser. All works well, except when you click on the Like button, the dialog that pops up allowing for a comment is off the page.

Is there a way that I'm not seeing that allows you to configure where/how that dialog shows up?

<div id="social-container">
<div class="fb-like" data-send="false" data-layout="box_count" data-width="55" data-show-faces="false"></div>
</div>

And the CSS:

#social-container {
        clear: both;
        z-index: 999;
        position: fixed;
        bottom: 120px;
        right: 20px;
    }

Answer 1

You can't choose where the popup box will appear since it's an iframe and you can't control the css of a cross domain iframe (and there is no parameter for this).

The only thing that you can do is limit the size of the like button iframe so that the dialog stays hidden :

#fb-like iframe {
    width: 62px !important; height: 24px !important;
}