Ma la domanda esatta cosa e`?
Applicare quelle regole CSS al tag <area> anziche` al <a>?
La risposta e` semplice:
Chiaramente non ha senso innestare uno <span> in un <area>, per cui dovrai ragionare cosa vuoi ...codice:area.tooltips { ... } area.tooltips:hover { ... } ecc
Oppure non ho capito cosa vuoi.