Безумие кнопки "Нравится" в Internet Explorer

У меня есть страница с изображением, когда вы наводите курсор на изображение, поверх него появляется слегка прозрачный белый div с парой кнопок действий и некоторыми i информация Когда вы отводите указатель мыши от изображения, окно с информацией/кнопкой исчезает (отображается: нет).

В этом скрытом поле/при наведении курсора находится кнопка «Нравится» на Facebook. Он прекрасно отображается во всех других браузерах, но, как вы могли догадаться, ведет себя странно в пресловутых браузерах IE. В IE7 - IE8 кнопка "Мне нравится" появляется всего на секунду, а затем исчезает.Он по-прежнему оставляет место в дизайне, как если бы оно было, его просто нет. Неважно, перевернусь я первым или нет. Кнопка появляется на секунду и исчезает. Однако в IE9 кнопка появляется и остается там. Однако, когда я переворачиваюсь во второй раз, iframe получает белый фон, хотя при первом переворачивании у меня был прозрачный фон.

HTML-код скрытого элемента div при наведении курсора мыши:

<div id="hoverPopup">
    <div class="fbLikeWrapper">
        <div class="fb-like" data-send="false" data-layout="button_count" data-show-faces="false"></div>
    </div>
    <a href="javascript:reserveGift(#qry_kadoogle_detail.id_kadoogle_detail#, 1)">
        <div class="btn_small_prefix"></div>
        <div class="btn_gift_center">button1</div>
        <div class="btn_small_suffix"></div>
    </a>
    <a href="##">
        <div class="btn_small_prefix"></div>
        <div class="btn_gift_center">button2</div>
        <div class="btn_small_suffix"></div>
    </a>
</div>

CSS-код:

.fbLikeWrapper
{
    /*width       : 50px;
    margin-left : auto;
    margin-right: auto;*/
}
.fbLikeWrapper div
{
    display    : block;
    line-height: normal;
}

снимки экрана:

IE9

IE7