CSS:未显示背景图像的div

在这个网站上，屏幕右上角的在线预订下方有一个

div.social

注意：我已经好几个月没能上传图像到SO了-总是说图像太大（>2MB），当它是140 KB时

出于某种原因，

.social

未显示，也未显示其子元素：

<div class="social"> 

  <a title="Trip Advisor" href="#" target="_blank">
  <div class="tripAdvisor"></div>
  </a> 

  <a title="Facebook" href="#" target="_blank">
  <div class="facebook"></div>
  </a> 

  <a title="Instagram" target="_blank" href="#">
  <div class="instagram"></div>
  </a> 

  <a title="YouTube" target="_blank" href="#">
  <div class="youtube"></div>
  </a>

</div>

<style>
.headRight .tripAdvisor {
    background: url(../images/social/tripadvisor.png) no-repeat;
    width: 28px;
    height: 22px;
}
</style>

.头灯.tripAdvisor{
背景：url（../images/social/tripadvisor.png）不重复；
宽度：28px；
高度：22px；
}

.social

设置为

显示：块并且有足够的空间容纳图标

感谢您的帮助。
刚刚检查了您网站上的错误

必须将样式应用于
.social

.social div {
    display: inline-block;
    margin-right: 15px;
    display: inline;   // remove this line
    zoom: 1;
}

移除

"display: inline" 

保持

.social div {
    display: inline-block;
    margin-right: 15px;
    zoom: 1;
}

从那个班。将非常有效。
请在您的问题中包含所有相关CSS，谢谢。这是一门课。所以你需要使用
.social
而不是
#social
Oops sry，修复了（问题）{edited}.@Steve:你修复了问题还是仅仅解决了问题？sry，修复了问题Beaut。谢谢你！我必须等6分钟，从答案出来后再接受它。