Images appear on chrome, but not on firefox
<p>Images appear fine on Chrome and Safari, but they don't appear on Firefox! would appreciate help </p>

<p>Here's my code: </p>

<p>HTML: </p>

<pre class="lang-html prettyprint-override"><code>&lt;div class="clearearlanding"&gt;&lt;/div&gt;
</code></pre>

<p>CSS: </p>

<pre class="lang-css prettyprint-override"><code>div.clearearlanding {
  content: url('/images/clearearlandingpage.png');
  margin-left: -70px;
  width: 120%;
}
</code></pre>