Chrome无法正确显示内联块div

Question

我正在开发一个基本网站 - 只是html和css。这是：http://litlitlit.com。

我的右上角有社交媒体图标。这四个图标位于容器中，并使用display: inline-block显示。

它们在Safari和Firefox中显示得很好，但默认情况下在Chrome中被刷到了大约12像素宽的div。

Safari和Firefox：

铬：

当我在chrome中打开开发人员工具时，图标会显示，尽管是以一种奇怪的扁平方式显示：

以下是同等情况的简短提示：http://jsfiddle.net/5ULhN/

这里有一些与容器/项目相关的强制性代码，所以我可以发布一个jsfiddle链接：

div.menucontainer
{
    position:absolute;
    top:0;
    right:0;
    height:100%;
}
div.menuitem
{
    height:100%;
    display:inline-block;
    width:50px;
}

思想？