jquery移动背景滚动列表视图

Question

我有一个像这样的列表视图 -

<ul id="mylist" data-role="listview"  data-inset="true" > </ul>

我还有一个背景图像设置为页面ID，如下所示 -

#spots {
    background: transparent url('images/background.png') no-repeat; 
    background-position:center center !important;
    background-size:cover;  
}

当我使用20多行填充列表视图时，背景变得扭曲和放大，当我向下滚动时，背景会保持在顶部。

有没有什么方法可以让背景完全静止并保持其设定的尺寸，并且只使列表视图滚动？