title: Move / Position Facebook Like Button Comment Popup
body: <p>I need to move the popup comment box associated with a facebook like button. I understand this question has been asked and resolved a myriad of times. </p>
  
  <p>Previously asked: <a href="https://stackoverflow.com/questions/5808240/facebook-like-widget-on-fan-page-comment-area-out-of-visible-area">Facebook Like Widget on Fan page, Comment area out of visible area</a></p>
  
  <p>Screenshot of same issue as mine: <a href="http://twitpic.com/4q7ggi" rel="nofollow noreferrer">http://twitpic.com/4q7ggi</a></p>
  
  <p>The difference here is that I believe Facebook has changed the implementation within the past several months so that both the Like Button and the comment popup are contained within a single iframe. I would expect they likely did this because it would be the only reliable way to guard against malicious websites taking advantage of users by auto-liking content. However, it means that I can't apply CSS to reposition the comment box. </p>
  
  <p>I am using the HTML5 like button implementation, which is the same used on the official facebook reference for like buttons <a href="http://developers.facebook.com/docs/reference/plugins/like/" rel="nofollow noreferrer">http://developers.facebook.com/docs/reference/plugins/like/</a>. To see an example, click the like button on the facebook reference page again and then inspect the comment popup element. You'll see that both the like button and comment popup are contained within the same iframe.</p>