Link con imagen de fondo mouseover

Preguntando un poco en vagabundia jmiur me explicó una
forma de poner las imágenes estilo WP es decir que creas un enlace y en ese enlace encierras una imagen de fondo y mouseover que al
pasar el link cambie a otra, y ademas no saldrá el submenú este:

Con eso también podremos posicionarlas y también con el propio enlace,saldrá con el sub menú que siempre sale en el enlace así:

Como se vé en la imagen, se ve mejor que con el otro sub menú.Cuando se arrastre la imagen para guardarla en el escritorio ya no aparecerá así

sinó así

De esa manera será mucho mejor,es ideal para hacer el logo de tu sitio mucho más profesional.

Es hora de su instalación:

Para agregar el elemento busca la id de tu gadget ejm: html 12 y luego poner en el bloque de CSS osea antes de
]]></b:skin> Esto:

#ejemplo {
display:block
height:256px;
width:256px;
background: transparent url(IMAGEN NORMAL) no-repeat left top;
}
#ejemplo:hover {
background-image: url(IMAGEN MOUSEOVER);
}