title: IE element width to min-content
body: <p>I have the following container holding both an image and a text element.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;img id="image" src="http://dummyimage.com/200"&gt;
      &lt;span class="text"&gt;
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The desired behaviour is that the div should wrap to the width of the image, and therfore keep the text correctly wrapped underneath. This also needs to be flexible as content is dynamic and image width is not known in advance. </p>
  
  <p>You can do this elegantly enough in Firefox and Chrome using min-content. </p>
  
  <pre><code>.container {
      /*Other style stuff up here*/
      width: -moz-min-content;
      width: -webkit-min-content;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/h3Qen/">Jsfiddle of above - works perfectly in FF and Chrome.</a></p>
  
  <p><b>My Problem:</b>
  Internet Explorer has no min-content (or equivalent that I can find) which means it is the text not the image which determines the containers width.</p>
  
  <p>Is there any similarly elegant way of achieving this in Internet Explorer? </p>
  
  <p>If not how can i restructure the html/css to allow for cross broser compatibilty for the same behaviour?</p>