css - 将鼠标悬停在图像框架效果上不适用于 Firefox .15

Question

我使用了一个简单的 css 效果，它为图像加框并在悬停时更改框架颜色。尽管效果在 ie9 和 chrome 上完美运行，但在 firefox 上效果很差，它只是有点停留在悬停上，只有当你用鼠标从图像下方悬停时才有效？并且框架颜色变化坚持效果模式，看起来很凌乱。任何人都知道如何为 Firefox 更正此问题。CSS非常简单

.highlightit img{
    border: 4px solid #FFCCFF;
 }

.highlightit:hover img{
   border: 4px solid #f35c93;
   }

.highlightit:hover{
   color: red; /* Dummy definition to overcome IE bug */
 }

抱歉，我尝试输入 html 代码，但没有被接受。

非常感谢