익스플로러 filter 적용 문제

css3 적용 문제로 테스트 중 필터끼리 충돌(?) 하는 문제가 발생했다. 


ie8을 쓰는 중인데...

버튼 안에

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf1d9', endColorstr='#f1c660');
filter: progid:DXImageTransform.Microsoft.Shadow(color=#7f6831,direction=135, strength=2);


위처럼 두가지가 같이 들어있을경우 아래것만 먹고 위에것은 적용이 안됐다.


클래스 그림자를 만들어 따로 적용해보았다.

button {filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf1d9', endColorstr='#f1c660');
}

.shadow {filter: progid:DXImageTransform.Microsoft.Shadow(color=#7f6831,direction=135, strength=2);
}


버튼 태그 안에 클래스 .shadow를 넣었는데 그림자가 먹질 않는다.
뭐냐....필터 하나 이상 못쓰는건가................ㅡ,.ㅡ?

반대로 해도 마찬가지. 태그우선으로 클래스를 아래 적어놔도 태그에 넣어둔 filter CSS를 먼저 먹는다.