I strongly discourage having positioning (relative or absolute) on social buttons (or divs wrapping these buttons), especially the Facebook Like button. That gave me such trouble at times, when the overlay that you see when you click a Like button turned semi-transparent at random times and such.
My issue back then was when I’d click LIKE, it would show the overlay of a box (with my profile pic, “Add a comment” box, URL, page description and “Post to Facebook”/”Close” buttons), and it would be at 100% opacity.
But if there would be a link under that box, and I would hover over it (through the overlay box), the opacity of the box would go to 50% or so.
Reason was because the whole block with all the social buttons had a position:absolute (or relative, I don’t remember), and removing any positioning solved the issue.
Thanks HoughtonA. That’s neat solution.
And I know what you are talking about Senff with the like button. I saw this problem on other sites. You can always use different type of like button. For example the ‘button_count’ and don’t allow showing faces.