title: Css content Image not showing up on Firefox
body: <p>I have the following css that displays a small graphic on top of another graphic, and it works well on every browser except Firefox. On Firefox a small yellow box appears, but no image.  Is there anything I can do to make it appear on Firefox too?</p>
  
  <pre><code>.post-content-contract {
  background: rgba(255, 255, 0, 1) none repeat scroll 0 0;
  opacity: 1;
  top:5%;
  left:5%;
  max-width: 50%;
  max-height: 50%; 
  position: absolute;
  color: #ffffff; 
  content:url(contract.png);
  }
  </code></pre>