title: IE8 Background Image Not Showing
body: <p>I have an unordered list that uses background images. All's fine in Chrome &amp; FF, but IE8 is presenting some issues. The background images simply don't load. How can I get them to show in IE8? Is this a background image issue?</p>
  
  <pre><code>&lt;ul class="service-icons"&gt;
    &lt;li&gt;
      &lt;a id="service-icon-routine" href="#"&gt;
        &lt;span class="service-category-title"&gt;Routine Service&lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Styles</p>
  
  <pre><code>ul.service-icons {
      list-style-type: none;
      width: 860px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
  }
  
  ul.service-icons li {
      display: inline-block;
      width: 157px !important;
      height: 140px;
      padding: .5em !important;
      margin-bottom: 1.5em;
  }
  
  ul.service-icons li a {
      padding: 0em 0em 6.7em 0em;
      width: 102px !important;
      display: block;
      height: 15px;    
      text-decoration: none;
      margin-left: 2.2em;
  }
  
  .service-category-title {
      display: block;
      padding-top: 120px;
      text-align: center;    
  }
  
  #service-icon-routine {
      background: url('http://i.imgur.com/LieBz.png');
      background-position: 0px 0px;
  }
  </code></pre>
  
  <p>Any help is appreciated!</p>