title: Layout break in IE11 but in Chrome works fine
body: <p>I have this archive in my site and works fine. But when I open it in IE11 the image is not resized.</p>
  <p>in Chrome:
  <a href="https://i.stack.imgur.com/a4bks.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a4bks.png" alt="1" /></a></p>
  <p>in IE11:
  <a href="https://i.stack.imgur.com/rAZxU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rAZxU.png" alt="enter image description here" /></a></p>
  <p>My code:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot;&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;div class=&quot;container&quot;&gt;
    &lt;ul class=&quot;nav nav-tabs&quot;&gt;
      &lt;li class=&quot;active&quot;&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#img&quot;&gt;Img 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#imgg&quot;&gt;Img 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#imge&quot;&gt;Img 3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle=&quot;tab&quot; href=&quot;#imgee&quot;&gt;Img 4&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;div class=&quot;tab-content&quot;&gt;
      &lt;div id=&quot;img&quot; class=&quot;tab-pane fade in active&quot;&gt;
        &lt;img src='img1.png' width=&quot;90%&quot; /&gt;
      &lt;/div&gt;
      &lt;div id=&quot;imgg&quot; class=&quot;tab-pane fade&quot;&gt;
        &lt;img src='img2.png' width=&quot;90%&quot; /&gt;
      &lt;/div&gt;
      &lt;div id=&quot;imge&quot; class=&quot;tab-pane fade&quot;&gt;
        &lt;img src='img3.png' width=&quot;90%&quot; /&gt;
      &lt;/div&gt;
      &lt;div id=&quot;imgee&quot; class=&quot;tab-pane fade&quot;&gt;
        &lt;img src='img4.png' width=&quot;90%&quot; /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;style&gt;
    .tab-pane {
      margin-top: 10px;
    }
  &lt;/style&gt;
  </code></pre>
  <p>Someone know why the img breaks in IE11?</p>