hover in mobile safari

hover in mobile safari

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:
.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;
}
Thanks!