固定位置导航箭头不适用于iPhone

我使用以下CSS设置了一个漂亮的小滑块：

/*SLIDER
===================================
*/

#full-slider-wrapper {
    overflow: hidden;
}

#full-slider {
    position: relative;
    width: auto;
    min-height: 1200px;
    margin: 0 auto;
}

#full-slider .slide-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    visibility: hidden;
}

#full-slider .slide-panel.active {
    visibility: visible;
} 


#full-slider-nav-left
{
  position: fixed; top: 550px; width: auto; margin: auto 0 auto auto;
  left: 0; width: 0; height: 0; cursor: pointer; border: 20px solid transparent; 

}

#full-slider-nav-right {
  position: fixed; top: 550px; width: auto; margin: auto auto auto 0;
  right:0; width: 0; height: 0; cursor: pointer; border: 20px solid transparent;
}


#full-slider-nav-left {
    border-right-color: #BBB;
}

#full-slider-nav-left:hover {
    border-right-color: #999;
}

#full-slider-nav-right {
    border-left-color: #BBB;
}

#full-slider-nav-right:hover {
    border-left-color: #999;
}

如您所见，我已在容器的两侧设置了导航箭头。当我在页面上下滚动时，它们保持不变。我使用的是响应性骨架框架，当我将浏览器向下折叠到手机大小时，箭头可以正常工作。箭头在android平台上也可以正常工作。然而，当我试图在iPhone上浏览网站时，箭头会随着我的滚动而跳跃，然后消失

据我所知，iphone在定位上存在问题：在过去是固定的，但这应该是通过ios5解决的

不幸的是，我没有现场版本的网站来演示这个问题

任何帮助都将不胜感激