hjælp til Hover funktion

hej eksperter,

jeg har dette CSS der er en menu med et GIF billede som baggrund:


#nav-menu li a
{
background: url(../images/cssBaggrund.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 12em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}



Hvordan definerer man en funktion der giver en HOver effekt (baggrundsbilledert kan jeg selv lave)


En der gider hjælp mig?


mvh
Mads