Css Flexbox:IE 11中的img溢出

以下代码适用于我测试过的所有现代浏览器（safari、chrome和firefox），internet explorer除外。我正在尝试将图像垂直和水平居中放置在

徽标

内。问题是

img

溢出了50px 50px的容器。如果我从css中删除flexbox，图像不会溢出，但它不再居中

我已经看了一眼，试图解决这个问题。但是没有运气。任何建议都将不胜感激

html

---

图像有多大？无法重现问题。请发布一个演示。@Paulie\u D这些图片都是不同大小的。我已经指定了容器的高度和宽度，以便它们自动调整大小。这是您的代码，图像为400x400。在IE11中没有溢出@我刚准备了一个演示。你是对的。我在Ie中试过你的小提琴，它很管用，所以我的代码中一定隐藏着其他东西。非常感谢。

<div class="content">
  <ul>
    <li>
      <section class="post">
        <div class="post-header">
          <div class="logo">
            <img src="#" alt="">
          </div>
        </div>
      </section>
    </li>
  </ul>
</div>

.content {
  max-width: 400px;
  padding-left: 1em;
  padding-right: 1em;
}
.logo {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  height: 50px;
  width: 50px;
}
img {
  max-height: 100%;
  max-width: 100%;
}