IE11锚标签的高度高于其内部的图像

Question

我的页面上有一个包含在锚标记中的图像。这很基本：

<a href="/linkedPage">
    <img src="/~/media/Image">
</a>

但是在Internet Explorer上，它占用了额外的空间，我发现标签比它里面的图像大，并且由于某种原因不适合它的内容。这就是它的样子，突出显示了对象的边框：

在所有其他浏览器上，它看起来是正确的。

当我对图像应用设定高度时，所需的高度相同，但我无法应用设定的高度，因为图像需要灵活并接受任何图像尺寸。为什么会这样？我尝试将display: block和height: auto应用于锚点和img，但没有骰子

编辑：这是当前的CSS

a {
color: #159be6;
-moz-transition: all 100ms;
-o-transition: all 100ms;
-webkit-transition: all 100ms;
transition: all 100ms;
}
a {
color: #337ab7;
text-decoration: none;
}
normalize.less:90
a {
background-color: transparent;
}

.thumbnail a>img, .thumbnail>img {
margin-right: auto;
margin-left: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, 
.thumbnail a>img, .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
.thumbnail img {
margin-bottom: 0;
}
img {
vertical-align: middle;
}
normalize.less:186
img {
border: 0;
}