estilos para un wizard

[mpiazzon]

Código HTML:

<ul>
    <li>
         <a href="#step-1">
               Paso 1 
          </a>
    </li>
    <li>
         <a href="#step-2">
               Paso 2 
          </a>
    </li>
    <li>
         <a href="#step-3">
               Paso 3 
          </a>
    </li>
    <li>
         <a href="#step-4">
               Paso 4 
          </a>
    </li>
</ul>
 

Mi problema es como armar las imagenes para que funcione bien en el hover y cuando cambia de paso.
No se si me explico bien.

MUchas gracias por contestar.