title: css a:link style text and images
body: <p>I've got a quick css questions that's bugging me, and I can't seem to figure out right now.</p>
  
  <p>I've styled the links on my page to have a bottom border on on hover, but it the bottom border is appearing on image that have links as well and I can't figure out how to keep the border from appearing on the images.</p>
  
  <p>Here is what I currently have.</p>
  
  <pre><code>#main a:hover {
      border-bottom:solid 1px #7b9a04;
      color:#333;
  }
  
  img, img a:hover {
      border-bottom:none;
  }
  </code></pre>
  
  <p>However this doesn't seem to work. I don't think its any other style overriding it, because if I remove the #main a:hover style the images no longer have the bottom border, but none of the other links on the site do either then.</p>