Cargar imagenes css

[portal47]

lo resolvi de esta forma:

en el html:

Código HTML:

<li class="link">
  <a href="/orders/add">
    <img class="imgFirst" src="http://www.forosdelweb.com/f53/img/menu/icon__0000s_0001_plus-hover.png" alt="image">
    <img class="imgFirst" src="http://www.forosdelweb.com/f53/img/menu/icon__0001s_0001_plus.png" alt="image">
  </a>
  <a href="/orders/add" class="navText" style="text-align: center; margin-top:-25px;">NEW ORDER</a>
</li> 

y en css:

Código HTML:

.imgFirst{
    text-align: center;
    margin: 0 auto;
}

    .imgFirst:first-child{
        display: none
    }

    .link:hover .imgFirst:first-child{
        display: block;
    }

    .link:hover .imgFirst:last-child{
        display: none;
    }

.link:hover .navText{
    color: #C5992D;
}

gracias