Incompatibilidade com CSS "IE-Google Chrome"

Olá, gostaria de uma ajuda para solucionar o meu problema. Coloquei uma imagem abaixo do título da postagem do meu blog, essa imagem ela aparece no Google Chrome e no Firefox, mas no Internet Explorer ela aparece com falha, uma imagem verde...

http://novotesteid.blogspot.com.br/2013/12/feliz-natal.html

.post h1.post-title{margin: 5px 0px 40px;
border-bottom: 16px solid #006400;
padding: 0 0 0;
font-size: 200%;
margin-right: 15px;
border-image-slice: 0 0 85 5;
border-image-width: 20px 0px 60px 20px;
border-image-outset: 0px 15px 45px 0px;
border-image-repeat: stretch stretch;

border-image-source: url('https://lh3.googleusercontent.com/-Pj_khbGDzgM/UqNFxCfL35I/AAAAAAAAMDQ/4ZzVwhUe9Vk/s694/lll.png');}

Quero que a imagem apareça normal em qualquer navegador. Abaixo as imagem (Anexo1-Google Chrome e Anexo2-IE)

/applications/core/interface/imageproxy/imageproxy.php?img=https://lh5.googleusercontent.com/-Bn83ZKCuf3s/UshtKWNLZaI/AAAAAAAAMtk/UWhA9N7dFf4/s500/anexo1.png&key=bbe77195a562c30a522f536205fecb27ed496a2050281753308785aacdf2c885" alt="anexo1.png" />

/applications/core/interface/imageproxy/imageproxy.php?img=https://lh6.googleusercontent.com/-JTbLWfliY9M/UshtKuqDrPI/AAAAAAAAMtk/hD3op6l6qAQ/s500/anexo2.png&key=acf55d5a36cac4df402724c72ec40033a7abf3c9257280557888b154b92a139e" alt="anexo2.png" />