title: hover in mobile safari
body: <p>I try to add a hover effect to one button in css. I will build an app with mobile safari. I use baker framework to do it. Baker framework use the engine of the mobile safari. I created the hover and it works in chrome, firefox, opera but not in ipad preview. Do you have any idea what is wrong? Here is my code:</p>
  
  <pre><code>.slidebutton {
      position:absolute;
      width: 50px;
      height: 50px;
      top: 0%;
      background-color: white;
      left:974px;
      transition: width 2s;
      -webkit-transition: width 2s; /* Safari */
      clear:both;
      }
  .slidebutton:hover {
  
      width: 150px;
      height: 50px;
      top: 0%;
      background-color: white;
      left:874px;
      clear:both;
      display: inline;
      }
  </code></pre>
  
  <p>Thanks!</p>