Hola, eso lo tengo en mi web, aqui lo tienes es un css y listo.
Código:
/*Menu horizontal superior*/
#am0 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#am0 li { margin: 0 0 3px 0; }
#am0 a
{
display: block;
padding: 2px 2px 2px 24px;
border: 0px solid #999;
width: 57px;
height:15px;
background-color: #999;
background-image: url(img/a1.jpg);/*Tu imagen principal*/
}
#am0 a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#am0 a:hover
{
border: 0px solid #FFF;
background-color: #000000;
background-image: url(img/a2.jpg);/*Tu imagen a remplazar*/
color: #fff;
}
SI tienes dudas preguntame, espero sea lo qubuscas