不在IE8中显示？

Question

我有一个令人费解的问题，因为在所有现代浏览器和IE7中，某些HTML显示正常，但在IE8中完全失败。我已经想到哪个CSS可以解决这个问题，但我每次都做得很短。

如果你看看chrome中的this link，靠近底部你会注意到FB / Twitter分享按钮，但是如果你看一下IE8中的相应空间，那就没什么了。有人可以检查出来让我知道，我很难过......

CSS代码是：

body div.mr_social_sharing_wrapper {
  clear: both !important;
  overflow: hidden !important;
  height: 40px !important;
  width: 960px !important;
  z-index: 2000 !important;
  line-height: 30px !important;
  float: left;
}

span.mr_social_sharing, 
span.mr_social_sharing_top {
  float: left;
}

是的，我知道使用！重要的是糟糕的形式;它是继承而不是选择：）

Answer 1

通过从display: inline-block移除显示样式（您同时拥有display:block和float: left）和span.mr_social_sharing_top，似乎可以解决这个问题。

如果有充分的理由需要显示样式（在其他浏览器中出现问题？），您还可以为这些跨度添加固定宽度以解决问题。