图像悬停firefox与nextgen画廊wordpress插件

Question

我正在使用带有“nextgen gallery”插件的wordpress（我猜它的css问题而不是插件问题，只是提到了我正在使用的内容）。

我编辑了一些悬停代码，这就是我重现的内容：

.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img {opacity: 1;
filter: alpha(opacity=100);
        -webkit-transition: opacity .5s linear;
        -moz-transition:opacity .5s linear;
        width: 240px;
        height: 160px;
        display: block;

}

.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img:hover {opacity: 0.8;
filter: alpha(opacity=80);
display: block;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    content: "\f067"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #000;
    width: 240px;
    height: 160px;

    font-size: 50px;
    line-height: 150px;
    background-color: rgba(255,247,102,0.4 )  !important;
    background: url('imgs/hover.png')  top left repeat-y !important ;


}

网址：click here to see thumbnails on the website

问题：如果您将拇指悬停在Chrome上，您会看到：

但是在IE和Firefox上 - 它不起作用。在Firefox中悬停时唯一发生的事情是不透明度转换。为什么呢？