Эффекты наведения на неправильные многоугольники в CSS

Мне интересно, как сделать разметку и кодирование эффектов наведения для карты, подобной это изображение .

Когда на каждый район (или раздел) наведен курсор мыши / коснулся / щелкнул мышью, мне нужно изменить его цвет, не затрагивая другие разделы. Границы каждого раздела должны соответствовать изображению и не должны t быть квадратами. Решение не может использовать холст, так как сайт, над которым я работаю, должен быть доступен в старых браузерах (лично я выпотрошен).

В идеале я хочу сделать это с помощью CSS, не используя слишком много JavaScript или множества изображений. Кто-нибудь делал это раньше?

Изменить: я знаю, что люди предлагают тег , но, AFAIK, он не принимает псевдокласс: hover.

Изменить 2: Я мог бы используйте это: http://www.netzgesta.de/mapper/