图像在Internet Explorer中以完整大小显示，但在Chrome中显示正常

Question

我正在使用WordPress网站，一切都已完成并准备就绪，该网站在Chrome，Edge等方面非常完美，但在Internet Explorer中我将一些图像作为我自己的自定义代码在互联网上显示全尺寸资源管理器。

该网站的链接是www.occ.uk.com/occ，请在Chrome中打开，然后在Internet Explorer中查看差异。

除了主页上的这2张图片之外，Internet Explorer中的一切都很好。

这是“按钮/图像”的HTML和CSS， https://www.dropbox.com/s/9gxp40riufn0xiu/htmlCssCode.txt?dl=0

如何解决此问题？

由于

Answer 1

将图像链接的跨度设置为display：block，这将在IE中修复它并使其在其他浏览器中看起来仍然很好。我只在IE 11中检查了此修复程序，而不是旧版本。

.hvr-grow-shadow {
    display: block;
}

Answer 2

.hvr-grow-shadow {
   display: block;
}