Mudar Cores Menu

[engas 0]

ola

 

Eu gostaria de saber como da para fazer a mudança de cores a passagem do cursor?

exemplo

home-cinzento

blog-azul

.....

 

css

#menuhor {
   z-index:2;
border:none;
margin: 10px;  
margin-left:1px;
font: 16px Arial, sans-serif;
}
#menuhor li {
list-style: none; 
margin: 3px;                                
display: inline;

}
#menuhor li a {
height:15px; /* IE5.0 bug */
padding: 2px 7px; 
margin:0;
border: 1px solid; 
background: #999;
text-decoration: none;

-webkit-border-radius: 33px;
-moz-border-radius: 33px;
border-radius: 33px;
behavior: url(PIE2.htc)
}
#menuhor li a:link {
color: #fff;
}
#menuhor li a:visited {
color: #fff;
}
#menuhor li a:hover {
background: #ccc;
color: #000; 
border-color: #000;
}

HTML

<ul id="menuhor">
<li>
<a href="#" title="Entrada no site">Home</a>
</li>
<li>
<a href="blog/blog.html" title="Blog"
>Blog</a>
</li>
<li>
<a href="#" title="Gallery"
>Galeria</a>
</li>
<li>
<a href="#" title="About US"
>About US</a>
</li>
<li>
<a href="#" title="Contact US"
>Contactos</a>
</li>

[Henrique Barcelos 290]

Dê um ID para cada item e faça assim:

#menuhor li a#home { 
   background: #DDD;
}#menuhor li a#blog { 
   background: #09C;
}

/* ... */