Avevo pensato anch'io a una cosa del genere.

Ma se creo una classe per ogni <span> (o li) per inserire uno sfondo diverso per ogni casella posso controllare le altre caratteristiche assieme.

Per esempio :

#navhead a
{
margin: 0;
padding: 0;
width: 90px;
height: 90px;
vertical-align: bottom;
color:#000000;
}

#navhead a:hover
{
margin: 0;
padding: 0;
}

.menuhome a
{
background-image: url(image/img_home.jpg)
}

.menuhome a: hover
{
background-image: url(image/img_home_over.jpg)
}


.menucontatti a
{
background-image: url(image/img_contatti.jpg)
}

.menucontatti a: hover
{
background-image: url(image/img_contatti_over.jpg)
}

Fammi sapere.