title: Why Won't My Simple Icons Appear?
body: <p>I'm working on a "flat design" website, and I've decided to use Simple Icons. I wanted the background of the Simple Icon to get darker while the white overlay image stays the same. So, I created a list (it's a navbar). I also put an anchor inside of the list item. I tried setting the background image to the anchor as the icon, and the background color to the list item to whatever I wanted. I also tried adding a transition to the list item to change the background color, but that didn't work so I just got rid of it. Here is the CSS for that entire piece of the site:</p>
  
  <pre><code>div#nav{
  float:right;
  width:auto;
  height:37px;
  padding-top:15px;
  padding-right:15px;
  padding-bottom:5px;
  background-color:rgba(100,100,100,0.3);
  border-left-color:rgba(255,255,255,0.2);
  border-right-color:rgba(255,255,255,0.2);
  border-right-width:1px;
  border-right-style:solid;
  border-left-width:1px;
  border-left-style:solid;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:rgba(255,255,255,0.2);
  margin-top:102px;
  margin-left:2px;
  }
  #nav ul{
  padding:0;
  list-style:none;
  margin:0;
  }
  #nav ul li{
  width:32px;
  height:32px;
  margin-left:15px;
  display:inline-block;
  background-color:#000000;
  border:0;
  }
  #nav ul li a{
  z-index:10;
  }
  #facebook{
  width:32px;
  height:32px;
  background-image:url('images/facebook.png');
  }
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>&lt;div id="nav"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a id="facebook" &gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="twitter" &gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="youtube" &gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the CSS, I didn't include styling for the id "twitter" or "youtube" because I'm just trying to get it to work with one for now. Can anyone make the simple icons appear AND make the transition work? I'll provide the simple icons. The icon images are inside a folder called "images" inside of another folder called "_css" which contains the CSS file itself.</p>
  
  <p><a href="https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-32.png" rel="nofollow">https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-32.png</a></p>