IE 11: Image-Bug

wrong image-height in IE 11

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<body>
  <div class="container">
    <div class="row">

      <div class="col-4">
        <div class="card">
          <a href="/">
            <img alt="" src="http://i.imgur.com/4R4rw68.jpg" class="img-fluid" />
          </a>
          TEST
        </div>
      </div>

      <div class="col-4">
        <div class="card">
          <a href="/">
            <img alt="" src="http://i.imgur.com/4R4rw68.jpg" class="img-fluid" />
          </a>
          TEST
        </div>
      </div>

      <div class="col-4">
        <div class="card">
          <a href="/">
            <img alt="" src="http://i.imgur.com/4R4rw68.jpg" class="img-fluid" />
          </a>
          TEST
        </div>
      </div>

    </div>
  </div>
</body>