Cambiar imagen logo,con hover

[juampick]

Hola, acabo de poder cargar la imagen, el problema es que se ve pero como de fondo y no la puedo poner delante de la otra.
Este es el código:

Código:

#logo{
  top: 80px;
  left:100px;
  position: absolute;
}

a#logo:hover{
  background: url(logovde7invertidoscolor.png);
  display:block;
  z-index:1;
}

Intenté usar la propiedad z-index, pero no logro realizarlo.
Espero que a alguien se le ocurra algo. Saludos