title: How to use CSS rollover for multiple background images
body: <p>Have an image rollover for the background image and since I have several images, I would like to know how to reuse the same #Rollover for multiple images ?</p>
  
  <pre><code>&lt;div id="leftprod"&gt;&lt;a href="product.php" id="myRollover" &gt;&lt;/a&gt;&lt;/div&gt;
  
  
  #Rollover {
   background-image: url('images/mood160-1.jpg');
   width: 160px;
   height:207px;
  
   position: absolute;
  
  }
  
  #Rollover:hover {
   background-image: url('images/mood160-2.jpg');
   width: 160px;
   height:207px;
   border: solid 0px #676767;
  
  }
  </code></pre>