Внутренняя тень CSS не работает в IE

Question

Мой CSS для создания внутренней тени не работает в IE.

Например:

<tr>
    <td align="left" ><a href="#"><img src="images/beverlySmith.gif" class="imagedropshadow" /></a> </td>
</tr>

Мой код CSS:

.imagedropshadow {
padding: 5px;
border: solid 1px #EFEFEF;
}
a:hover img.imagedropshadow {
-moz-box-shadow:inset 1px 1px 10px #ffffff;
    -webkit-box-shadow:inset 1px 1px 20px #ffffff;
    box-shadow:inset 1px 1px 20px #ffffff;
}

Работает в Mozilla. Но не в IE8. Как я могу это исправить с помощью IE?

Answer 1

Вы можете увидеть здесь поддержку браузером этой функции CSS3.

Вот это для ленивых среди нас. :)

Answer 2

Это не будет работать в IE 8 или более ранней версии. префикс -moz специально для firefox, -webkit специально для браузеров на основе webkit, таких как safari и chrome, а box-shadow является стандартом.