悬停时边框没有改变

Question

我有一个淡出一点的图标列表，当你将它们悬停时，它应该使不透明度达到100％并改变边框和背景颜色。问题是当我悬停它时它只是完全删除边框但其他工作正常。这是CSS：

 .homeAppIcon{
border: 1px solid #CCCCCC;
border-radius: 20px;
padding: 5px;
opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
}
 .homeAppIcon:hover{
border: 1px solid #000000;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
background:#FFFFFF; 
}

当我取出-ms-filter时，边框显示正确但不再使100％的不透明度。我在IE8中测试它。

有没有人有任何想法？

谢谢，

克雷格