Faire un dégradé transparent pour un bloc, IE

Bonjour,


Je refais le site internet de mon école avec d'autres camarades, et on a un petit problème de compatibilité avec Internet Explorer.

On aimerait que les bordures ait un effet dégradé et transparent.
On a utilisé la propriété border-image pour faire ce dégradé (http://www.w3.org/TR/css-backgrounds-3/#border-images).

OK pour Firefox, Chrome, Safari et Opera (voici un aperçu de ce qu'on voudrait) : https://imageshack.com/

Mais ça ne fonctionne pas sous IE : https://imageshack.com/


On le fait avec le CMS Drupal, voici le code CSS de la partie pour les bordures :

/* Page
-------------------------------------------------------------------------*/
.region-content,
.region-sidebar-second .block
{
box-shadow: 0 0 8px #b8b8b8;
border: 1px #c8c8c8 solid;
padding: 8px;
}


On a trouvé ça pour IE (CSS3 avec transparence) :

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#000000);

et

opacity : .2;
filter : alpha(opacity=20);


Comment faire pour avoir sous IE le même rendu que les autres navigateurs ?
Merci d'avance !