salve a tutto il forum

sto cercando di far cambiare lo sfondo ad una cella, al passaggio del mouse, però non mi funziona. sto usando questo codice nel CSS:

Codice PHP:
.top-nav {
background: url('top_nav_off.png') no-repeat;
text-align: center;
font-size: 9px;
font-weight: bold;
height: 30px;
}

.top-nav:hover {
background: url('top_nav_on.png') no-repeat;
} 
la cosa strana è che top_nav_off funziona...cioè lo sfondo lo "prende"... ma al passaggio del mouse rimane tale e quale. come mai? grazie a tutti, Gina