title: IE8 Compatibility and Linear Gradients
body: <p>We have a website that's basically three columns, each with a different color applied via linear gradients. While this works fine in Firefox and Chrome, it breaks in IE8, e.g., the background is white in the far two columns, the image on the left column isn't sized properly (not sure which CSS element is responsible for breaking that). It looks perfect in Chrome but awful in IE8.</p>
  
  <p>The site is here: <a href="http://clubsatcrp.com/walkingchallenge/" rel="nofollow">http://clubsatcrp.com/walkingchallenge/</a></p>
  
  <p>Anyone have any thoughts on some solution to fix this issue, and at the least make it look the same in terms of the column's background colors in IE8? I'm perfectly fine not fixing the issue but since it's for a corporate program, and our company uses IE8, it's kind of an issue.</p>
  
  <p>Here's part of the CSS (linear gradients):</p>
  
  <pre><code>background: -webkit-linear-gradient(
          left, 
          #c63d11,
          #c63d11 33.33%,
          #CD0000 33.33%,
          #CD0000 66.66%,
          #000000 66.66%,
          #000000
      );
  background: -moz-linear-gradient(
          left, 
          #c63d11,
          #c63d11 33.33%,
          #CD0000 33.33%,
          #CD0000 66.66%,
          #000000 66.66%,
          #000000
      );
  background: -ms-linear-gradient(
          left, 
          #c63d11,
          #c63d11 33.33%,
          #CD0000 33.33%,
          #CD0000 66.66%,
          #000000 66.66%,
          #000000
      );
  background: -o-linear-gradient(
          left, 
          #c63d11,
          #c63d11 33.33%,
          #CD0000 33.33%,
          #CD0000 66.66%,
          #4e9dd1 66.66%,
          #4e9dd1
      );
  </code></pre>