Problema na configuração de um "estado" do menu

Pessoal venho aqui pedir ajuda a você para "configurar" um menu que eu fiz (com ajuda de alguns tutoriais).

Eu gostaria de quando passar o mouse sobre determinado link a cor de fundo mudasse e a fonte também então pensei em colocar na parte dos atributos hover etc uma cor diferente de fonte e background mas não funcionou. Alguém com alguma dica ?

o menu esta aqui:Menu

/aqui eu defini a largura do menu etc/
ul
{

margin: 0;
padding: 0;
list-style: none;
width: 150px;
}

/aqui eu estou fechando o menu ou seja colocando a borda necessária para que ele fique na forma de "caixas/
ul {

margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
font-size:100%;

background: #fff; / IE6 Bug /
}
/aqui são os estilos dos itens principais do menu/
ul li
{

position: relative;
}

/ aqui são os estilos dos submenus/
li ul
{

position: absolute;
left: 149px;
top: 0px;
display: none;
}

/aqui é o menu em repouso/
ul li a
{

display:block;
text-decoration: none;
color: #fff;
background: #000;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/ Fix IE. Hide from IE Mac \/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/ End /

/ Fix IE. Hide from IE Mac \/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/ End /

li:hover ul ul, li.over ul ul {

display:none;
}

li:hover ul, li li:hover ul, li.over ul,
li li.over ul
{

display: block;

-->
</style>
ajuda ae galerinha ^^