图片未在Chrome中显示

Question

我有一组小图片在Firefox中正常工作但在谷歌浏览器中没有。 html代码是这样的：

<li class="links">
<a href="tassa-di-soggiorno"><img src="<?php bloginfo('template_directory'); ?>/images/taxNero.jpg"></a>
<a href="eco-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/eco.jpg"></a>
<a href="pet-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/pet.jpg"></a>
<a href="3130"><img src="<?php bloginfo('template_directory'); ?>/images/diverability.jpg"></a>
</li>

和css样式：

#nav-bar li.links a {
display: block;
float: left;
margin: 0 1px;
width: 40px;
}

以下是指向该网页的链接：http://www.alcappellorosso.it

您应该会在左侧导航菜单下方看到图像。

Answer 1

添加CSS：

#nav-bar li {
 height: 35px;
}

或更适合您设计的价值。