title: Issue with CSS background image (Image not Showing)
body: <p>I am having a problem with a background image not showing.</p>
  
  <p>I have a class that I've added to an anchor tag.</p>
  
  <pre><code>&lt;a class="my-class"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>and the css for the class is:</p>
  
  <pre><code>.my-class {
      background:transparent url("../images/my-bg-image.png") no-repeat 0 center
   }
  </code></pre>
  
  <p>The problem is that the background image is not showing.</p>
  
  <p>I know it's there because when I do this:</p>
  
  <pre><code>&lt;a class="my-class"&gt;&amp;NBSP;&lt;/a&gt;
  </code></pre>
  
  <p>part of the image shows.</p>
  
  <p>Anyone have any idea on how to make the whole image show without having to insert lots of <code>&amp;nbsp;</code> 's please?</p>