在Firefox中闪烁/闪烁图像

Question

当我在Firefox中鼠标悬停时，我的图像闪烁。他们在铬和野生动物园工作得很好。

我认为我已将其缩小到包装图像的标签，但我不知道为什么会导致这个问题。 （左边的图像周围没有标签，很好，但是右边的图像确实存在，并且它会闪烁。）

完整HTML：http://mf.atlantadesigngroup.com/firefox.php

Relevent 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

相关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;
}