Ho dei pulsanti con a in display:block

Se utilizzo per ogni pulsante questa scrittura

a#btnArticoli{background-image:url(img/btnArticoli.gif); background-repeat:no-repeat; background-position: 5px center;

funziona correttamente ed anche il colore che avevo scelto per lo sfondo di a è visibile.
Se invece utilizzo la scrittura compressa:

a#btnArticoli{background: url(img/btnArticoli.gif) no-repeat 5px center;}

Lo sfondo anzichè restare trasparente e quindi vedere il colore scelto per l'a resta bianco.

Così facendo non funziona nemmeno l'hover su a in quanto resta bianco.
Nel primo modo invece sì.

Perchè?