title: Background-image not appearing on web site
body: <p>Ok, so this is weird.  </p>
  
  <p>I am trying to setup social media links to my different fb/youtube/yelp pages. </p>
  
  <p>There is one button that is not showing up and I've tried everything. It's not an issue with the url to the image, as it is the exact same path/type of image as the other buttons that show up. For some reason this image just will not show up and I've tried different images, I've tried converting to different formats, and I've even pointed it to the same image that the other button is using which is showing up fine for the other button but not for the one I'm trying to fix. </p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div id="facebookbutton"&gt;&lt;a href="#" target="_blank" &gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>#facebookbutton {
      width: 50px;
      height: 50px;
      background-image: url(images/fb_button.png);
  }
  
  #facebookbutton a {
      display: block;
      width: 50px;
      height: 50px;
  }
  </code></pre>
  
  <p>The code is the exact same as the yelp button I have which is working fine. </p>
  
  <p>I tried pointing the background-image url to the yelp button which is working to see if the image itself was having issues, but it didn't show up with the yelp button in the URL either. </p>
  
  <p>I have no idea why this is happening and am hoping someone has ran into this issue before and might have an idea of why I'm getting this weird issue. </p>
  
  <p>Thank you,
  Dan. </p>