title: IE 8 Background Cover Stretch Bootstrap
body: <p>Broken Page  <a href="http://pcp.biz/joomla/" rel="nofollow noreferrer">http://pcp.biz/joomla/</a></p>
  
  <p><img src="https://i.stack.imgur.com/A4k7J.png" alt="enter image description here"></p>
  
  <p>I have been looking all around stack overflow for for a solution to fix this background image issue. I have been using bootstrap for the boxes and stripped out any margin. </p>
  
  <p>The issue is when you set the background as cover, in IE8 it does not stretch the whole length of the image. </p>
  
  <p>I have tried including Google's fix document. </p>
  
  <pre><code> &lt;!-- HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
      &lt;!--[if lt IE 9]&gt;
       &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
   &lt;![endif]--&gt;
  </code></pre>
  
  <p>Currently I am using </p>
  
  <pre><code>    -webkit-background-size: cover; /*for webKit*/
  -moz-background-size: cover; /*Mozilla*/
  -o-background-size: cover; /*opera*/
  background-size: cover; /*generic*/
  </code></pre>
  
  <p>I have also tried this (<a href="https://github.com/louisremi/background-size-polyfill" rel="nofollow noreferrer">https://github.com/louisremi/background-size-polyfill</a>) and bellow.</p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='images/logo.gif',
  sizingMethod='scale');
  
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='images/logo.gif',
  sizingMethod='scale')";
  </code></pre>
  
  <p>Any ideas what I can try next, or am  I doing something wrong?</p>
  
  <p>Thanks,
  Brent </p>