Facebook LIKE buttons are popping out of my divs - CSS

I开发者_运维百科'm using Facebook like buttons on a website, they work perfectly.

Unfortunately on IE8 the like buttons pop out of their container DIVs, dropping at the bottom of the page.

example image:

This is after trying display:block as Kyle suggested:

Any ideas? Would be really great. :)

Looking at the source of that page, it appears to be a markup issue.

your <fb:like> tags must be closed.

So instead of :

<fb:like style="display:block;" ref="offer" href="URL" show_faces="false" layout="button_count" >

you should use

<fb:like style="display:block;" ref="offer" href="URL" show_faces="false" layout="button_count" />

On a side note, for more xHTML compatibility, you should also close all HTML tags, like

<br /> instead of <br>

and

<img alt='' src'' /> instead of <img alt='' src=''> etc..

I think it's the display method .fb_iframe_widget {display: inline-block}. I believe that IE doesn't play nice with this attribute, try just inline or block.