title: Can someone help me figure out my background issue?
body: <p>I have been having this problem throughout all of my projects recently. Basically, the background images that I link in my css only display if I have visited the link explicitly in the browser I am using. Once the link has been visited they display without issue. All of the images I have been using are ones I have uploaded to imgur. </p>
  
  <p>Initally I thought it may be a configuration issue with imgur but I've changed all of my sharing options to public and am still having the same issue.</p>
  
  <p>Here is the link to a <a href="http://codepen.io/ChristianRosa/pen/pgZqyz" rel="nofollow">codepen</a> that shows the problem and below is an example of how I am linking the background images.</p>
  
  <pre><code>.goStat{
    border:1px solid rgb(180,80,80);
    box-shadow:0px 3px rgb(100,100,100);
    background-color:rgb(180,80,80);
    background-image:url("http://i.imgur.com/zdUjxxq.png");
  }
  </code></pre>
  
  <p>There should be images shown within the top red button and three bottom bubble buttons shown in the display but none of them appear unless you visit the links. Have no clue why this happens and would really appreciate some clarification.</p>