Klikalne elementy, Mapa odsyłaczy, <div> czy co innego? Opcje

[WebCM]

Widok: http://zapodaj.net/433d9440f443.png.html

Obraz pokoju jest tłem znacznika <div>. Znajdują się na nim obiekty o różnym kształcie, np. kulki 1 2 3, boczne drzwi, itd. Po kliknięciu wykona się jakaś akcja. Chcę, aby obszar do kliknięcia zawierał się w tych przedmiotach - tzn. nie przekraczał ich.

Gdyby obraz pokoju był obrazkiem <img> - no problem - zastosowałbym mapę odsyłaczy. Zdaje się, że lepiej umieścić go jako tło - jest bardziej stabilny, nie można go zaznaczyć i zawsze pasuje do wnętrza <div>.

Może mapy odsyłaczy to zły pomysł? Raczej TAK.

Czy zatem istnieje inny sposób, aby odwzorować obiekty typu: kula, wielokąt... czy tylko prostokąty np. przez <div>?

Pomijając "całkowanie" obszaru - np. 50 prostokątów 1px * (100 + 2x) px

Gdyby IE obsługiwał SVG lub <canvas>, zapewne użyłbym tych formatów, ale granica dolna to: IE 6, FF 3.0, Opera 9