Spero sia la sezione adatta, sennò cominciamo bene!

Allora, ho applicato questo stile ai link di una pagina:
codice:
a:link    { color: #ff0000; text-decoration: none; }
a:visited { color: #ff0000; text-decoration: none; }
a:active  { color: #ff0000; text-decoration: none; }
a:hover   { color: #000000; background: #ff0000; text-decoration: none; }
Funziona, solo che vorrei l'effetto background su "a:hover" fosse più largo, cioè cominciasse prima della prima lettera e finisse dopo l'ultima del link testuale.
Ho rimediato operando direttamente sul codice del link, con una roba del genere...
codice:
& nbsp;Home page& nbsp;
(ovviamente non c'è lo spazio tra "&" e "n", l'ho messo per farvi vedere come ho abbozzato la soluzione...
Mi sembra una soluzione poco convincente... per cui chiedo se esiste un modo per avere uno sfondo dei link più largo...