Facebook Send button overlay appears behind certain site elements

[maxime]

Hello,

The problem I encounter when trying to implement the Facebook Send Button on my site may be hard to explain in words, so I let the pictures do the talking.

Example One

Example Two

As you can see, part of the overlay which pops up, once you click on "send", gets cut off by the border of the div element which it is part of. This is especially bad, since you can't click on the button inside the overlay to send the comment.

It tried adjusting the iframes height and width values, changing the z-index for the div and changing the position of the popup box. So far I couldn't find any solution to this problem. Has anybody else encountered a similar problem?

The problem doesn't appear to be theme specific, but for the record, I am using Genesis Framwork together with the News Child Theme.

Btw, the google+ buttons right next to the facebook buttons work just fine.