title: css image link change opacity on hover
body: <pre><code>&lt;div id="contentwrap"&gt;
  &lt;a id="contentimage" href=""&gt;&lt;/a&gt;
      &lt;p class="content"&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  
   #contentimage {
      display:block;
      background:url(../images/contimg.jpg);
      top:500px;
      width:500px;
      height:400px;
      position:relative;
  }
  #contentimage:hover {
      opacity:0.5;
  }
  </code></pre>
  
  <p>I'd like the opacity of the image link to change when I hover. However it's not even treating the image as a link (no click option)?</p>