title: Flip Button Background Image Vertically
body: <p>I'm using CSS to style my button which has a background Image. I need a press effect. so I tried flopping my button vertically when it is active, as demonstrated in the fiddle.</p>
  
  <p><a href="http://jsfiddle.net/krishnathota/xzBaZ/10/" rel="nofollow">http://jsfiddle.net/krishnathota/xzBaZ/10/</a></p>
  
  <p>I'm able to Flip the image but along with the whole button. How can I only flip the background Image. ??</p>
  
  <p>I have to write in another class other than <code>.button:active</code> or what?? Plaease help</p>
  
  <p>Please check the Third and Fourth buttons and flip the BackgroundImage. The Firse and second buttons contain a <code>&lt;img&gt;</code> I do not want it to be flipped.</p>
  
  <p>if this is not cross browser supported, Can you tell me how to change the background when button is active without changing the background color?</p>