¿Estas usando Mapas (map)?
Con esta etiqueta defines las zonas activas y ya:
y puedes asignarle el comportamiento en mouseover por ejemplo
<map name="Coordenadas">
<area href="tema1.html" alt="Polígono1"
shape="poly" coords="0,0, 0,60, 60,60, 60,40, 20,40, 20,20, 60,20, 60,0, 0,0"
onMouseOver="Mapa.src='Mapa-1.gif';">
</map>
<img src="Mapa-0.gif"
name="Mapa"
usemap="#Coordenadas"
alt="Mapa con ligas"
width="200"
height="100"
border="0">
El problema es que el mapa es una sola imagen, así que necesita sustituír Toda la imagen, lo que probablemente sea demasiado si la sección es pequeña.
Probablemente te convenga poner imagenes flotadas posicionadas absolutamente con Css, para que el mouseover solo cambie el pedacito en cuestión.
O conseguir un Javascript que le cambie algún atributo de brillo o canal alpha en la sección, así degradará mejor el documento. Con las imagenes flotadas podría haber un mundo de código y pedacería de imagenes por ahí.