Не отображается в IE8?

Question

У меня загадочная проблема в том, что определенная часть HTML отлично отображается во всех современных браузерах и IE7, но полностью не работает в IE8. Я думал о том, какой CSS может решить эту проблему, но каждый раз терпел неудачу.

Если вы посмотрите на эту ссылку в chrome, в нижней части вы увидите кнопки общего доступа 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.

Если бы была веская причина для необходимости стилей отображения (проблемы в других браузерах?), Вы также можете добавить фиксированную ширину к этим интервалам для решения проблемы.