title: My footer link CSS styles aren't working
body: <p>The links on my footer are not working. The links are not hoverable or clickable.</p>
  
  <hr>
  
  <p>I'm sorry, I should have added that the z-index on the footer is set to -999 so that it stays behind the main content. Is there a work around if that is the issue?</p>
  
  <pre><code>&lt;footer&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="about.html"&gt;About EIC&lt;/a&gt;&lt;/li&gt;            
      &lt;/ul&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>footer {
      position: fixed;
      width: 100%;
      height: 8em;
      background-color: e0e0e0;
      z-index: -999;
      overflow: hidden;
      bottom: 0px;
      padding-top: 2%;
  }
  footer li {
      display: inline;
      padding: 2em;
  }
  footer a:link {
      color: #000;
      text-decoration: none;
  }
  footer a:hover {
      color: #999;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Vsvg2/4/" rel="nofollow">View it on jsFiddle.</a></p>