Cambiar imagen al pasar el mouse en un div

[aagguuu]

Bueno, yo quiero que al pasar el mouse por 1 div se cambie el background del mismo, yo tengo este code:

Código HTML:

#on a {
		background-image:url(../imagenes/off.gif);
		margin: 1px;
		background-color: #f2f2f2;
   		width: 115px;
		height: 90px;
}
#on a:hover {
		background-image:url(../imagenes/on.gif);
		margin: 1px;
		background-color: #f2f2f2;
   		width: 115px;
		height: 90px;
}

pero cuando veo el index en el firefox no se ve, y en el dreamweaver tampoco, ni se ve el div. Esta bien el codigo que puse? que tengo que cambiar? Espero que me puedan ayudar, gracias de antemano :)