hacer links con "fondo de color"

bueno tengo esta duda, por que e visto varios sitios que usan "menu's" donde son solo links (otra opcion es usar imagenes, flash, etc..) pero se ve lindo..

como debo poner en la hoja de estilos o en la pagina para concurrir a este efecto

a.enlace {
color: #0000D9;
width: 100%;
height: 100%;
text-decoration: none;
}
a.enlace:hover {
text-decoration: none;
background: #77AADD;
}


trate con eso. pero no me funciona...

ayuda por favor..

Prueba a borrar esto .enlace, y luego me comentas. con el punto tambien ehhh, de forma qeu te quede
a {}
a:hover{}

bueno luego de editar alrededor de 4 veces este mensaje.. lo edito por ultima ves..

me funciono :D!!! fue raro
lo que me dijiste estaba bien, pero no queria funcionar.. luego trate con otras cosas, y al final quede como estaba al principio.. pero me funcoina..
graxias ^^