Image mapping

I am developing an organizational chart for a university. This is essentially a set of images on a standard D7 page that use an HTML image map (with pixel coordinates) to allow some degree of interactive functionality. You may see it at http://hubble.cet.edu/factbook/administration .
I am using Corolla AT sub-theme.
I notice that whenever an image becomes scaled down to accomodate a smaller display, the map coordinates do not scale and the result is that the hotspots are misplaced on the image.
I know that this is due to the image scaling while the image map remains static. And I can set the image not to scale (max-width: none;) or do away with the map interactivity altogether. But I was wondering if there might be some way to set this up - either through CSS, SASS, etc. or through some AT-aware module - so that the map coordinates adapt to the image scale.
It seems possible, but I am currently stumped on this one.
Any ideas?
Thanks in advance,
rj.seward