IE和FF中的内联表和内联块问题

Question

我在块div中有4个内联块div。正如您所看到的，它们在Chrome中看起来很不错。在Opera中看起来也不错。但是，当我在IE和FF中看到相同的div时，它看起来像这样：

我尝试过display:inline或zoom:1这样的技巧，但到目前为止没有任何帮助。

这是CodePen。用IE和FF检查一下，看看问题。

以下是您在图像中看到的每个内联div的确切css代码：

#win_logo_1{
    width:46px;
    height:46px;
    background-position:-229px -151px;
    background-image:url(http://topdesignstudio.ir/img/icons/icon_sheet.png);
    background-repeat:no-repeat;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    position:relative;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:0px;
}

Answer 1

毕竟我有一个很好的解决方案。 首先，我为每个win徽标框使用了内联表而不是内联块。 其次我增加了winLogo（四个盒子的父级）的宽度。 第三，我检测它是否是IE，然后我删除了我的win_logo_2 nad 4的maigin-left。 这是Codepen在IE上运行正常。 仍在使用FF和Safari