Hola,
yo uso algo similar en
mi sitio, pero en lugar de un background con imagen completa tan solo es un pequeño background repetido horizontalmente.
Sólo pongo la información relevante
Código:
#menu ul {
list-style-type:none;
margin:0;
padding:0;
height:45px;
background:#000 url(menu.jpg);
}
#menu li a:hover {
text-decoration:underline;
background:#000 url(menu.jpg) 0 -94px;
}
La técnica se llama en inglés css rollover. Info:
http://tutorials.alsacreations.com/rollover_unique/ y variaciones de la técnica
http://css-discuss.incutio.com/?page=CssRollovers
Saludos.