title: Disappearing images in safari 5
body: <p><strong>EDIT:</strong> </p>
  
  <p>If I remove </p>
  
  <pre><code>.box-media-link-container {
  float:left;
  }
  </code></pre>
  
  <p>it works as expected. Is there any good explanation for this? Is there any alternative for float:left ? (Other than tables)</p>
  
  <p>Working example (non floated container): <a href="http://jsfiddle.net/Kju6z/5/" rel="nofollow noreferrer">http://jsfiddle.net/Kju6z/5/</a></p>
  
  <p>(Edit 2: Even this is not the holy grail, in more advanced examples - this still fails, even without the float).</p>
  
  <hr>
  
  <p>If you can run safari 5.1 (via <a href="http://browserstack.com" rel="nofollow noreferrer">http://browserstack.com</a> or similar) - please check this out. I'm not sure what the cause of this is any more.</p>
  
  <p><a href="http://jsfiddle.net/Kju6z/" rel="nofollow noreferrer">http://jsfiddle.net/Kju6z/</a></p>
  
  <pre><code>.box-media-box .box-media-link {
  max-width:75px;
  width:auto;
  height:auto;
  } 
  
  .box-media img {
  max-width:100%;
  height:auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  overflow:hidden;
  }
  </code></pre>
  
  <p>The floated image width is not known beforehand, but the image container has a max-width set of 75px (note that in this case, I do know that the image is in fact 100px - but that's just for the example). </p>
  
  <p>The image itself has a max-width of 100% and a height of auto, so that it is responsive.</p>
  
  <p>This seems to work in all browsers except safari, this one doesn't even display the image. It does so at times though, which makes me think the issue may be caused by the images not yet being loaded whilst the CSS is interpreted, could that be? </p>
  
  <p>See attached screenshot for how it looks in Safari 5.1 (the little black bordered circle is supposed to contain the image). It looks as if the image has not loaded yet (since there is no width or height set), but the image never loads. Only when you go to inspect element it either pops up immediately, or after you change any one property.</p>
  
  <p><img src="https://i.stack.imgur.com/gxeZe.png" alt="enter image description here"></p>