title: CSS imgBox Links not working
body: <p>I'm trying to code a Nav bar for my site but as soon as I implemented css imgBox my links stopped working. The're in the same directory so I don't believe this is the problem but for the life of me I can't figure out what's wrong
  here's the HTML code</p>
  
  <pre><code>&lt;ul id="menu"&gt;
      &lt;li&gt; &lt;div class="imgBox"  id="img1"&gt; &lt;a href="index.html"&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt;
      &lt;li&gt; &lt;div class="imgBox"  id="img2"&gt; &lt;a href="Media.html"&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt;  
      &lt;li&gt; &lt;div class="imgBox"  id="img3"&gt; &lt;a href="social-media.html"&gt; &lt;/a&gt; &lt;/div&gt; &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and here's the css</p>
  
  <pre><code>.imgBox
  {
      float:left;
      border: 1px solid #9325BC;
  }
  #img1
  {
      background: url(images/home.png) no-repeat;
      width: 129px;
      height: 50px;
  }
  
  #img2
  {
      background: url(images/media.png) no-repeat;
      width: 112px;
      height: 50px;
  }
  
  .imgBox:hover
  {
      -moz-box-shadow: 0 0 30px #0000cc;
      -webkit-box-shadow: 0 0 30px #0000cc;
      box-shadow: 0 0 30px #0000cc;
  }
  </code></pre>
  
  <p>Any help will be greatly appreciated </p>