jquery.cxscroll.js 运行滚动步长错乱问题

代码：

<ul class="list">
                        <li ><div class="pic"><a href="#"><img src="/images/stand-up-pouch.jpg" /><p>studan up </p></a></div> </li>
                        <li ><div class="pic"><a href="#"><img src="/images/stand-up-pouch.jpg" /><p>studan up </p></a></div> </li>
                        <li ><div class="pic"><a href="#"><img src="/images/stand-up-pouch.jpg" /><p>studan up </p></a></div> </li>
                        <li ><div class="pic"><a href="#"><img src="/images/stand-up-pouch.jpg" /><p>studan up </p></a></div> </li>
                    </ul>

问题：

每滚动的步长值不是一个li的宽度，从而看上去有断开的感觉影响体验，该问题经过我的多次试验发现是margin的问题，问题代码css如下：

.proRec li{ width: 113px; float: left;margin: 0px 2px;}

修改后的代码：

.proRec li{ width: 113px; float: left;padding: 0px 2px;}

注意红色部分