title: Extended css sprites not working with :hover?
body: <p>I just encountered this <a href="http://www.jennifersemtner.com/css/101/extending-css-spriting/" rel="nofollow noreferrer">article</a> of an extention of css sprites that enables the spriting trick with foreground images . I <a href="http://www.kavoir.com/2009/01/extended-css-sprites-for-foreground-images-img.html" rel="nofollow noreferrer">tried</a> to use the technique on :hover but it doesn't appear to work in IE and Opera. See my attempt to use this technique for a  menu here: <a href="http://www.kavoir.com/examples/jenny-css-sprites/menu.html" rel="nofollow noreferrer">http://www.kavoir.com/examples/jenny-css-sprites/menu.html</a></p>
  
  <p>On FF and Safari, it works properly but just doesn't work at all in IE and Opera. Modified the code in a few ways but still doesn't work at all. Maybe it's impossible?</p>
  
  <p>Tried to ask the author but she deleted my comment.</p>
  
  <p>Any idea how to make this work on all browsers?</p>
  
  <p>Update: Thanks for the answers but the :hover IS for , so I believe all IE browsers should work out the effects. Therefore the problem might very probably be about the clip property.</p>
  
  <p>I just want to make sure if :hover works properly with clip on . Appears so far it doesn't.</p>