title: Images displaying incorrectly in IE8 and earlier
body: <p>For some reason images are being displayed as a thin line in IE 8 and earlier and i cannot work out why this could be. I'm using CSS to re-size the images for the homepage, the reason for me using CSS to re-size the images is because the thumnails are being generated by Wordpress.</p>
  
  <p>This is what it looks like in IE...</p>
  
  <p><img src="https://i.stack.imgur.com/KlXch.png" alt="IE8 and below - thin images"></p>
  
  <p>How it looks in Firefox and all other browsers...</p>
  
  <p><img src="https://i.stack.imgur.com/cgXfO.png" alt="Firefox and other major browsers"></p>
  
  <p>The CSS i'm using to size the images...</p>
  
  <pre><code>.home .attachment-home-post-thumbnail {
      box-shadow: none;
      height: 125px;
      margin-right: 8px;
      margin-top: 8px;
      width: 140px;
  }
  </code></pre>
  
  <p>Any ideas?</p>