Facebook recommendation box display over other items

Question

I'm using the Facebook recommendation box in my site www.letralia.com. It worked correctly until a few weeks ago. Now, the box is displaying over other items in the page.

What is wrong?

Thanks in advance,

J

Answer 1

Just to let you know that this is happening in other places. My site (thisisxbox.com) is also having the problem of the recommendations box overlapping (despite being inside a div css inlne-block etc) and also randomly vanishing. It has been reported on the facebook developers site as a bug because the issue is coming from them and not anything you're doing with styling.

It's been picked up as a moderate issue and facebook are looking into the error...

Answer 2

try insert some content before the end of 'div' where the facebook plugin is inserted.. or maybe clear can help.

<div class="avisoderecha"><INSERTED FB PLUGIN CODE><span>&nbsp;</span></div>

or

<div class="avisoderecha"><INSERTED FB PLUGIN CODE><div style="clear:left;"></div></div>

or set fixed height for that box

<div class="avisoderecha" style="height:460px;"><INSERTED FB PLUGIN CODE></div>