html - Firefoxの画像の点滅/点滅

Question

Firefoxでマウスオーバーすると、画像が点滅します。彼らはクロムとサファリでうまく動作します。

画像をラップするタグに絞り込んだと思いますが、なぜそれが問題になるのかわかりません。（左の画像にはタグがなく、問題ありませんが、右の画像にはタグがあり、点滅しています。）

フルHTML： http: //mf.atlantadesigngroup.com/firefox.php

関連するHTML：

<div id="portfolio">
  <div class="portfolio"> <img src="images/portfolio/bw/uploaded1.jpg" class="portfolioImg"></div>
  <div class="portfolio"> <a href="firefox.php"> <img src="images/portfolio/bw/uploaded4.jpg" class="portfolioImg"> </a> </div>
</div>

フルCSS： http: //mf.atlantadesigngroup.com/css/mignonFowler.css

Reslevent CSS：

/*portfolio page*/
#portfolio{
    display: table;
    table-layout: fixed;
    width: 980px;
    padding: 10px;
}

.portfolio{
    display: table-cell;
    height:440px;
    border: #000000 solid 10px;
    overflow: hidden;
    position: relative;
}

.portfolioImg{
    height: 100%;
}

.portfolio div{
    height: 100px;
    width: 100%;
    position: relative;
    top: 100px;
    background-image: url('../images/captionBg.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

.portfolio div p{
    display: block;
    width: 100%;
    padding-top: 70px;
    color: #c9b52e;
    text-align: center;
}