为iOS / Mobile Safari优化CSS 3动画的正确方法吗？

我正在使用PhoneGap构建iPad应用。 我正在尝试对动画使用CSS转换，但是我不确定是否使用适当的方法来利用设备可能支持的任何硬件加速。

这是我想从页面顶部向下滑动的模式窗口（DIV）。 它会开始定位在屏幕顶部之外，然后通过使用jquery添加一个类来动画化页面本身：

.modal {
      background: url('../images/bgnd-modal.png');
      width: 800px;
      height: 568px;
      position: absolute; 
      top: -618px;
      left: 100px;
      z-index: 1001;
      -webkit-transition: top .25s ease-in; 
  }
.modal.modalOn {
      top: 80px;
  }

当在iOS 4上部署到iPad 2上时，此方法有效，但动画有点生涩。 这不是一个完全平滑的动画。 我应该使用其他CSS来处理吗？ 还是这只是PhoneGap应用程序的一个副作用，而所讨论的DIV具有较大的背景图像？