Pues les cuento que yo lo he venido haciendo de la forma como se los muestro y me funca sin ningún problema

 Incluso!... se podría hacer mas simplificado uniendo todo de esta forma:  
Código:
 a.fondo:link, a.fondo:visited { 
background : #000 url(directorio/grafico.png) left no-repeat fixed;
}
a.fondo:hover, a.fondo:active { 
background : #000 url(directorio/grafico2.png) left no-repeat fixed;
}
  Ahora con lo de la sintáxis que muestran, eso de 
background-image : ; claro que es la manera corrécta, es sólo que en el ejemplo está en una sintáxis corta que pienso es muy práctico 
 
ejemplo:  
Código:
 a.fondo {
background-color : ;
background-image : url();
background-position : ;
background-repeat : ;
background-attachment : ; /*opcional*/
}
  
Código:
 a.fondo_Sintaxis_corta {
background : #000 url(directorio/grafico.png) left no-repeat fixed;
}
  Eso es todo 

  espero lo apliquen ya que trabajar de esa forma reduce considerablemente el peso de nuestra hoja de estilos 

  y eso sin mensionar el tiempo en typear el código 
  
Slds a todos y todas!...