title: When I hover the image the achor tag doesn't link to the href?
body: <pre><code>&lt;li &gt;&lt;div class="fb-like" data-href="http://billrandles.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"  id="facebook"&gt;&lt;img src="images/facebook.gif" &gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" id="youtube"&gt;&lt;img src="images/youtube.gif" &gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" id="twitter"&gt;&lt;img src="images/twitter.gif"&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Here is my html</p>
  
  <pre><code>#sidebar #social ul li a:link{
      width:22px;
      height:22px;
      padding-top:0px;
      background:none;
      float:left;
      margin-right:10px;
  }
  #sidebar #social ul li a:visited{
      list-style:none;
  }
  #sidebar #social ul li div{
      float:left;
      width:80px;
      margin-left: 10px;
  }
  </code></pre>
  
  <p>Here is my CSS</p>