title: change image size on hover
body: <p>I'm trying to add a hover function to some images on our company website. 
  The problem is i need this for many pictures (product pictures) but not all (icons and such) and i need very simple implementation because the content will be handled by someone who knows even less about programming than myself.</p>
  
  <p>I've found a very neat solution with</p>
  
  <pre><code>img:hover,
  img:focus{
    width:192px;
    height: 136px;
  }
  </code></pre>
  
  <p>but this (of course) adds the hover function to all images, including PDF icons and so on. Is there an easy way i can specify which images (first column of the table) have a hover option? Because this solution would be great, as the marketing guy can simply implement the products as he's used to.</p>
  
  <p>Or maybe there is an other easy to use solution?</p>