A ver, si no sabes que es una crítica allá tú, y si no te sirve cuanto lo siento, pero leyendo esto que estás haciendo es simplemente desorden.
Código HTML:
Ver original.Logo {
width: 45px;
height: 41px;
}
a.Logo {display: block;
height: 100%;
width: 100%;
background: url(Boton3.png) no-repeat;
}
Independientemente que ya arreglaste un poco tu código inicial, en tu último código tienes un class genérico que luego encimas por un 100% que no tiene sentido ya que no tienes un contenedor.
Mete las cosas en un solo estilo.
Código CSS:
Ver originala.Logo {
display: block
width: 45px;
height: 41px;
background: url(Boton3.png) no-repeat;}
a.Logo:hover {
background: url(Boton3ON.png);}
a.Logo:active {
background: url(Boton3OFF.png);}