title: IE11 not supporting background-size out of proportions
body: <p>I'm trying to get at background .jpeg figure to auto scale to the height the DIV (lineholder), regardless of the number of child DIV's (linkholder) - and at the same time having some text align vertical inside the parent DIV.</p>
  
  <p>The code works 100% in Chrome and Firefox - but IE11 totally ignores the background-size.</p>
  
  <p>My HTML markup looks like this:</p>
  
  <pre><code>&lt;div id="active-container" class="ac1"&gt;
  &lt;div id="lineholder" style= "background-image: url(....); background-repeat: no-repeat; background-size: 44px 100%;"&gt;
  
  &lt;div id="text"&gt;
  TEST
  &lt;/div&gt;
  
  &lt;div id="linkholder"&gt;
  &lt;/div&gt;
  
  &lt;div id="linkholder"&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#active-container {
  min-width : 240px;
  min-height : 26px;
  height : auto;
  float : left;
  }
  
  #lineholder {
  position : relative;
  min-width : 240px;
  height : auto;
  overflow : hidden;
  }
  
  #text {
  position : absolute;
  top : 50%;
  margin : -13px 0 0 0;
  width : 45px;
  height : 26px;
  left : 0px;
  font-size : 8px;
  font-weight : bold;
  line-height : 26px;
  }
  
  #linkholder {
  margin-left : 45px;
  min-height : 26px;
  width : 190px;
  position : relative;
  }
  </code></pre>
  
  <p>IE11 just shows the original background image in the top left corner of my lineholder - while all other browsers expands the height to fit the DIV.</p>
  
  <p>See a picture here <a href="http://6710.sunnysite.dk/background-size_debug.jpg" rel="nofollow">http://6710.sunnysite.dk/background-size_debug.jpg</a></p>
  
  <p>The background-image css is inside the html because of the need to insert more individual lineholders with different background images by a person with now knowledge of HTML CSS at all ;) So different class'es etc. is not an option.</p>