Le due immagini riempiono completamente il tag <a>?

Allora puoi usare l':hover sul tag <a> anziche` sul tag <img>

Il codice potrebbe diventare:
codice:
a.logo .gear { ...formatt. a riposo ... }
a.logo:hove .gear { ... formatt. hover ... }