The ramblings of a geek

I recently integrated the Facebook Like button into a client’s website (see here for more details on the like button) using XFBML to allow website visitors to also send a message along with their FB like. The message box however was cutoff inside my DIV due to overflow: hidden and also the message box was not ideally positioned.

I changed the CSS for the parent DIVs to overflow: visible and inserted the following CSS to overridew the standard facebook CSS selectors:

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    top: 120px !important;
    left: -215px !important;
}

Hope this helps some of you out that have been having a similar problem.