title: IE11 not properly resizing dynamically loaded image
body: <p>I'm working on a lightbox where I'd like to do as much as possible in CSS. 
  I'm using viewport units to make the whole thing responsive.
  Unfortunately IE (I've tested it in version 11) doesn't resize dynamically loaded images properly.</p>
  
  <p>Compare the following jsfiddle's and resize your browser to see what I mean.</p>
  
  <p><a href="http://jsfiddle.net/kyujzyy3/" rel="nofollow">Static image</a></p>
  
  <pre><code>&lt;div class="lightbox lightbox--active"&gt;
      &lt;div class="lightbox__inner"&gt;
          &lt;div class="lightbox__content" data-lightbox-content=""&gt;
              &lt;img src="path/to/image"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/apdLa2c5/" rel="nofollow">Dynamically loaded image</a></p>
  
  <pre><code>&lt;div class="lightbox lightbox--active"&gt;
      &lt;div class="lightbox__inner"&gt;
          &lt;div class="lightbox__content" data-lightbox-content=""&gt;
              &lt;!-- Image loaded with JS --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any thoughts on how to work around this?</p>