IE8 / 9/10使用绝对定位悬停效果的问题

Question

我不太确定如何描述/命名问题。这个问题存在于侧边栏右上角的FB'Like'和Twitter'Tweet'按钮。在其他浏览器中，它完美地工作（即将在悬停时显示和使用），但它在IE8中不起作用/ 9/10。

以下是链接：http://billyf.site11.com/problem/singleblogpost-1.html

以下是每个按钮的结构：

<div class="button">
    <img src="" alt="image shown before hover" />
    <div class="meta">
    //here is the button to be revealed on hover//
    </div>
</div>

工作原理 当一个人在.button上盘旋时，.meta将显示（通过更改它的绝对定位），而.meta将包含FB Like和Twitter Tweet按钮。

在IE浏览器中，如果您将鼠标悬停在按钮上并移动，则“赞”和“推文”框将闪烁并且不可点击，因此它们完全没用。我尝试了z-indexing，但仍然无法正常工作。我希望它像“评论”按钮（左侧的第一个按钮）一样工作。

感谢您的任何建议/帮助！