title: How to make sprite-images change on hover different items?
body: <p>I have a <code>sprite</code> of <strong>8 images</strong>. What I want to do is this: if someone hovers over a sub-menu list (let's say item 1), then the sprite image, which is layed on a different div, has to change. So the sub-menu item and this div with the sprite are related to each other by css. The problem is: how do I do this for 8 images?</p>
  
  <p>So this is it:</p>
  
  <p>Hover item 1 =  show sprite image 1</p>
  
  <p>Hover Item 2 = show sprite image 2</p>
  
  <p>Hover Item 3 = show sprite image 3</p>
  
  <p>etc.</p>