exibindo imagens com URL de conteúdo em Firefox

Um problema foi encontrado onde certos navegadores, especificamente Firefox, falham em exibir imagens ao fazer referência a The Content Property. Isso pode ser visto na classe CSS fornecida:

.googlePic {
    content: url('../../img/googlePlusIcon.PNG');
    margin-top: -6.5%;
    padding-right: 53px;
    float: right;
    height: 19px;
}

Embora esse CSS funcione como esperado no Google Chrome e Safari, não renderiza qualquer imagem no Firefox. Para resolver o problema, precisamos modificar nossa classe CSS da seguinte forma:

. Googlepic :: antes { Conteúdo: url ('../../ img/googleplusicon.png'); }

.googlePic::before {
    content: url('../../img/googlePlusIcon.PNG');
}

http://www.htmldog.com/reference/cssproperties/content/

Nota: [& & & a!