title: Facebook Like Button dialog showing off the page
body: <p>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.</p>
  
  <p>Is there a way that I'm not seeing that allows you to configure where/how that dialog shows up?</p>
  
  <pre><code>&lt;div id="social-container"&gt;
  &lt;div class="fb-like" data-send="false" data-layout="box_count" data-width="55" data-show-faces="false"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>#social-container {
          clear: both;
          z-index: 999;
          position: fixed;
          bottom: 120px;
          right: 20px;
      }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/jseg0.jpg" alt="enter image description here"></p>