使用背景图像的图像热点？

Question

我正在尝试使用css将背景颜色或图像添加到图像热点区域。它不起作用。

我的图像由较小的形状组成，并且对于每个小形状使用图像热点，我想要更改该形状的背景。

有什么建议吗？

所以我有这个图像和两个区域和这个css：

<img src="Morrison-Garden.jpg" width="475" height="319" border="0" usemap="#Map" class="img_holder" />
<map name="Map" id="Map">
<area class="shape" shape="rect" coords="134,293,159,311" href="#" />
<area class="shape" shape="rect" coords="165,291,188,309" href="#" />
</map>

这个css课程：

.shape { background-color: #999; }