title: Internet Explorer CSS width: calc()
body: <p><a href="https://jsfiddle.net/dm7pxv1k/1/" rel="nofollow">https://jsfiddle.net/dm7pxv1k/1/</a></p>
  
  <p>I've got a problem with IE, when i've got 3 divs with background-image in 1 row and everyone has <code>width: calc(100% / 3);</code>.</p>
  
  <p>If you resize a window, third image blinks. </p>
  
  <p>When you resize the window to big resolution like <code>.banner-mini</code> has at least <code>width:2000px;</code>, then third image dissapears totally.</p>
  
  <p>I've also implemented browser prefixes - you can see in Fiddle.</p>
  
  <p>Has anybody please any idea, how I could fix that? Thank you so much!</p>
  
  <p>Btw: Other browsers are allright.</p>