title: css ie8 first-child & last-child
body: <p>Hello guys i have the following..</p>
  
  <pre><code>.selected2:first-child{
     background: url(../img/css/first-selected.png) no-repeat !important;
     background-position: center center !important;
     box-shadow: inset 1px 1px 5px 2px rgba(221,221,221,1) !important;
  }
  .selected2{
     background: url(../img/css/second-selected.png) no-repeat !important;
     background-position: center center !important;
     box-shadow: inset 1px 1px 5px 2px rgba(221,221,221,1) !important;
  }
  .selected2:last-child{
     background: url(../img/css/third-selected.png) no-repeat !important;
     background-position: center center !important;
     box-shadow: inset 1px 1px 5px 2px rgba(221,221,221,1) !important;
  }
  </code></pre>
  
  <p>it works perfect in ie9, chrome, opera, firefox... but in ie8  i get only the second background on every li element.</p>
  
  <p>What is the problem? ie8 does not support first-child? </p>