CSS多边形图像映射：悬停/翻转

Question

我想出了一个在wordpress安装上使用的（我认为很简单的）导航。

http://imageshack.us/photo/my-images/441/navlfz.png/

制作大部分导航菜单时，我会创建一个精灵并使用一个列表。但是，我不能使用典型的矩形精灵，所以我将不得不使用多边形图像地图，但是我无法弄清楚如何更改悬停状态的背景图像。任何人都遇到这个并且可以指出我正确的方向吗？

还是我在错误的树上吠叫？也许有一个更简单的解决方案。