Cambiar imagen al pasar el mouse en un div

[sanxuan]

El código que muestras no afecta a un <div> sino a un enlace <a>. Si lo que tienes es algo como esto:
<div id="on">.....</div>
Puedes usar un CSS como éste:

Código CSS:

#on {
        background-image:url(../imagenes/off.gif);
        margin: 1px;
        background-color: #f2f2f2;
        width: 115px;
        height: 90px;
}
#on:hover {
        background-image:url(../imagenes/on.gif);
        /* Las propiedades que no cambian no hace falta volver a definirlas */
}