Ciao elfocaotico,
non saprei dirti esattamente come risolvere col solo utilizzo dell'HTML o delle regole CSS.

Ma dal momento che intendi realizzare mappe dinamiche, capaci di illuminarsi o colorarsi in modo diverso a seconda della categoria cui appartengono, ti segnalo un plug-in Javascript molto potente che può fare al caso tuo:

Mapper.js

Una volta attivato lo script, lo si può richiamare usando le classi CSS e personalizzare in mille modi diversi. Personalmente ci ho messo un po' a capire in dettaglio tutte le funzioni, ma proprio perché la documentazione è ampia e molto particolareggiata.

Buona mappatura!