谷歌Chrome浏览器故障

Question

我在各种浏览器中显示我的画廊时遇到了麻烦。

在Firefox中看起来很有趣，但是在Chrome或Safari中查看时，我们的工作部分（灯箱库）非常不稳定。

该网站为http://entirecreative.com/stone/#ourwork

受影响元素的CSS是：

.s3blockcontainer{
max-width:960px;
margin:0 auto;
height:auto;
text-align:center;
}

.s3block{
height:320px;
width:320px;
display:inline-block;
margin:0;
float:left;


}


.imagewrapper{

height:320px;

display:inline-block;
width:320px;
overflow:hidden;
}

  .s3block img{
height:320px;
width:320px;

}


  .s3block:hover img{

margin:-5px -5px;
height:330px;
width:330px;

}

.s3blockblurb{
position:absolute;
height:320px;
width:320px;
/*padding:75px 35px 50px 35px;*/
display:inline-block;
text-align:center;

}

.s3blockfaded{
/*position:absolute;*/
padding-top:46%;
height:320px;
width:320px;
display:inline-block;
background-color:rgba(247,248,248,0);
color:rgba(0,0,0,0);
}

.s3blockfaded:hover{
height:320px;
width:320px;
display:inline-block;
background-color:rgba(247,248,248,0.5);
color:rgba(0,0,0,1);
}

感谢您的任何帮助/建议！