Chrome中的CSS Skew / Shadow / Hover-over错误？

Question

我有一个问题，如果你要将<li>元素悬停在已经偏斜的元素（来自CSS3变换）并且应用了阴影，那么它生成的阴影将被错误地渲染。在这里第一手看到问题可能更好 - http://jsfiddle.net/mabbage/BLD5Z/1/

似乎这个问题仅限于网络工具包浏览器（Chrome和Safari）。有没有人知道这个的解决方法？

我玩的时候发现的一件事是，如果你删除导航对象的阴影，那么整个问题就会消失（但是，我想在整个列表后面留下一个阴影）。

Answer 1

我能找到的唯一解决方案是使用PNG图像来设置<li>元素及其背后的阴影的样式。我把这个问题作为webkit浏览器中的CSS3错误。