title: Hyperlinks not working on navigation bar - not clickable
body: <p>My links are not working on my navigation bar. I cannot figure out what I've done wrong. This is the code. HTML:</p>
  
  <pre><code>&lt;div id="menu"
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="http://kerryaltmantest.info"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="http://kerryaltmantest.info/aboutme.html"&gt;About Me&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="publications"&gt;Publications&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="location"&gt;Location&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="strategicinteractions"&gt;Strategic Interactions&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>#menu {
      width: 950px;
      height: 35px;
      font-size: 20px;
      font-family: cambria, Georgia, sans-serif;
      font-weight: bold;
      text-align: center;
      background-color: #FFF;
      border-radius: 0px;
  margin-top: -175px;
  margin-left: 25px;
  }
  
  #menu li {
      display: inline;
      padding: 20px;
  }
  
  #menu a {
      text-decoration: none;
      color: #2B297F;
      padding: 8px 8px 8px 8px;
  }
  
  #menu a:hover {
      color: #2B297F;
      background-color: #999;
  }
  </code></pre>
  
  <p>I'm sure it's just something I'm missing. If you want to see the site itself to understand what mean, you can find it at <a href="http://kerryaltmantest.info" rel="nofollow">http://kerryaltmantest.info</a></p>
  
  <p>Thank you!</p>