IE8でグラデーションfilterをかけると:hoverが正常動作しなくなる対策

参考元はこちら
http://ellsif.com/blog/?p=76

グラデーションをかけただけではIE8,9で:hover時の挙動がおかしくなる。

CSS(Sass)

下記のようにbackground-colorも合わせてかけておくことで回避できる。

.button {
    background-color: #fff;
    @include background-image(linear-gradient(top, #fff, #eee));
    @include filter-gradient(#fff, #eee, vertical);

    &:hover, &:active {
        border: solid 1px #ccc;
    }
}