Граница не меняется при наведении

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, граница кажется правильной, но она больше не дает непрозрачности 100%.Я тестирую это в IE8.

У кого-нибудь есть идеи?

Спасибо,

Крейг