Быстрое решение может состоять в том, чтобы изменить разметку - поместите плавающие элементы (то есть стрелку вправо) перед тем, как вы хотите, чтобы плавающие справа от них.
видя, как вы создали класс .next
, вы можете изменить это
<a href="#" class="prev"><img src="images/left.png"></a>
<ul><!-- list items --></ul>
<a href="#" class="next"><img width="38" src="images/right.png"></a>
в это
<a href="#" class="prev"><img src="images/left.png"></a>
<a href="#" class="next"><img width="38" src="images/right.png"></a>
<ul><!-- list items --></ul>