title: iPhone css hover should go back normal 'unhover'
body: <p>I'm working on a web app for the iPhone…</p>
  
  <p>I made a 'button' with the following CSS, when you tap it (:hover) it changes, but when you release, it should go back to normal mode… How do i do that ?</p>
  
  <pre><code>.button {
  height:40px;
  width:95px;
  margin-top:10px;
  float:left;
  overflow:hidden;
  margin-left:14px;
  background-image: -webkit-linear-gradient(bottom, #558544 0%, #5EA83D 100%);
  border-radius: 12px;
  border-style:solid;
  border-color:#558544;
  border-width:5px; }
  
  .button:hover {
      background-image: -webkit-linear-gradient(bottom, #5EA83D 0%, #558544 100%);
  }
  </code></pre>