Tarayıcılar arası görüntü farklılığı

Merhaba arkadaşlar

Chrome tarayıcısında ilgili ufak resimlerim Jilet gibi iken;


Firefox ve İ.Explorer tarayıcılarında leş gibi; Çerçeveleri görmüyor ve resimleri kırıyor;


İlgili alanla alakalı css kodlarım;

.slider-border {
position: absolute;
width: 960px;
height: 450px;
z-index: 5000;
-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
/*-webkit-transition:all 0.2s ease-in;  
-moz-transition:all 0.2s ease-in;  
transition:all 0.2s ease-in; 
}

.slider-border:hover{
-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);
box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);*/
}

Ne gibi bir yöntemle işi çözebilirim teşekkürler.

Kayma oluşuyor gibime geldi.
Şunu dener misiniz?

.slider-border {
position: absolute;
display:block;
width: 960px;
height: 450px;
z-index: 5000;
-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
/*-webkit-transition:all 0.2s ease-in;  
-moz-transition:all 0.2s ease-in;  
transition:all 0.2s ease-in; 
}

.slider-border:hover{
-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);
-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);
box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.9);*/
}

öncelikle ilgin için teşekkürler bir değişiklik olmadı. Sıkıntı kayma ile alakalı değil Resimlerdeki gölge çerçevesi kayboluyor ve resimde kırılma oluyor

Öncelikle site adresini rica edeyim.
Ek olarak Internet Explorer sürümünüz kaç?