Facebook modal window width issue

I have an issue with the Hika Social plugin.

When I click the Facebook like button the Facebook iframe is being obscured by the containing span as the width of the span is too small. (it is approximately the width of the button) This is the case for both the box count and button count style buttons.

If I select the normal style of button the dimension of the containing span is large enough to show the iframe (450px) but it forces the content to wrap.

Here's what it looks like...

And here's the span in the source...



I cannot see where the span is being created, or how to change the width property. I have tried CSS overrides but it does not fix the issue

Any Ideas??

TIA

/DM

I did wonder if it might be created by Facebook as I cannot find it in the Hikashop code.

I checked the Facebook developers info and the three different types of button do indeed have pre-determined sizes but these sizes are actually different from the one being used in the span. In fact this size seems to change every time the page is refreshed (by a few pixels).

I have tried overriding the size of the span in CSS but as the span is not hidden when the iframe is not visible it pushes the content out of line. I have also tried to force overflow:visible but this does not appear to work which is a shame as it is the method recommended by Facebook.

I have it working with the normal style button for the present but this is not really desirable as I wish to show several social buttons side by side. Guess I will come back to this when I have finished other more important tasks.

Will keep you posted.

/DM