CSS 3 - :hover:before - bug no IE8

Front-end
#1

Gente,

preciso de um help urgente, estou a dois dias nisso e não aguento mais.

Criei alguns botões usando css3 com pseudo elementos. Ao invés da imagem do botão, estou usando uma fonte de icone (fontello), que usa pseudo elemento.

O meu problema é que preciso mudar a cor da fonte quando passo o mouse por cima. A cor esta mudando normal, o problema é quando tiro o mouse, no firefox e no chrome ele volta a cor original, ja no IE8 ele continua branco ¬¬.

Como faço para corrigir esse bug? O meu css é esse

/* Tiro o background original do EXT e mudo a fonte para azul */
.x-btn [class^="x-btn-"],
.x-btn [class*=" x-btn-"] {
  background: none repeat scroll 0 0 transparent !important;
  color: #15428B;
  font-size: 110%;
}

/* Ao passar o mouse por cima ele encontra o pseudo elemento e muda a fonte para branco */
[class^="x-btn-"]:hover [class^="icon-"]:before, 
[class*=" x-btn-"]:hover [class*=" icon-"]:before {
	color: #FFF;
	opacity: 1;
}

Valew pessoal

Abss

#2