Кнопки Facebook LIKE появляются из моих дивов - CSS

Question

Я использую кнопки типа Facebook на веб-сайте, они отлично работают.

К сожалению, в IE8 подобные кнопки выскакивают из своих контейнеров DIV, опускаясь внизу страницы. пример изображения:

---

Это после попытки display:block, как предложил Кайл:

---

Есть идеи? Было бы действительно здорово. :)

Answer 1

Если посмотреть на источник этой страницы, похоже, это проблема с разметкой.

Ваши <fb:like> теги должны быть закрыты.

Так что вместо:

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

вы должны использовать

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

Кроме того, для большей совместимости с xHTML следует также закрыть все теги HTML, например

<br /> вместо <br>

и

<img alt='' src'' /> вместо <img alt='' src=''> и т. Д.

Answer 2

Я думаю это метод отображения .fb_iframe_widget {display: inline-block}. Я считаю, что IE не очень хорошо с этим атрибутом, попробуйте просто inline или block.