Content url does not display image on firefox browser

css, firefox

Solution

The `content` property works with `::before` and `::after`.

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

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

IE8 only supports the `content` property if a !DOCTYPE is specified.

Problem

``` .googlePic{ content: url('../../img/googlePlusIcon.PNG'); margin-top: -6.5%; padding-right: 53px; float:right; height: 19px; } ``` This is an example of my class `googlePic` in my `css` file. It works out and prints out nicely on `google chrome` and `safari`. however, it doesn't work on `firefox`. `Nth` gets printed out. Please help :)

Original source

Related problems