自定义CSS使我的网站无法在Firefox中运行，仍可在Chrome中使用

Question

我通过4ormat服务制作了一个投资组合。

我添加了一个自定义CSS，因此我可以在之前/之后悬停。

Google Chrome和Safari中的一切都很棒，但这些照片不会在Firefox中加载。

我的网站是 - http://www.retouchandrestore.com

自定义CSS为它提供悬停效果是这个 -

#menu .item.selected a{ background: #444; }

::-moz-selection{ background: #A5A29F; color:#fff; text-shadow: none; }
::selection { background:#A5A29F; color:#fff; text-shadow: none; }
.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}


#example a{
   height: 550px; 
   width: 367px; 
   background: url(‘insert photo URL here') no-repeat right top;
}
#example a:hover,
#example a:active{
   background-position:  0 0; 
}

请注意，在我添加此代码之前，该网站在Firefox中有效。有什么建议使它兼容Firefox？谢谢。

编辑：我还应该补充一点，照片是作为自定义HTML插入的，而不仅仅是上传。这是我用于此的代码。我不确定这是否与问题有关。

<div class="wrap" style="overflow: hidden; padding: 0px; width: 825x">
    <div class="text_content">
        <div class="rollover" id="example">
            <a href="Insert Photo URL here">

            </a>
        </div>
Photo Caption
    </div>
</div>