Jquery ScrollTo covers a greater distance on each click

[juanc]

Hi I was hoping someone could help.

I'm using the ScrollTo jquery plugin..and on each click to scroll towards the left it incrementally covers a greater distance....conversely clicking to scroll towards the right sending the items back the other way incrementally covers a lesser distance.

You can see the example

here http://psd2htmlservice.com/scrolltest/index2.html

I was wondering if people could view the source to have a better look at what's going on but the actual code I'm using to invoke the function is this

<script language="javascript" type="text/javascript">
$(document).ready(function() { 
    	   
            
      $("#streetstyles_right_arrow").click(function(){
      $("#streetstyles-pane").scrollTo({top:'+=0px',left:'+=470px'}, 370);
      $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'+=470px'}, 370);
      });

      $("#streetstyles_left_arrow").click(function(){
      $("#streetstyles-pane").scrollTo({top:'+=0px',left:'-=470px'}, 370);
      $("#streetstyles-pane2").scrollTo({top:'+=0px',left:'-=470px'}, 370);
      });
            
      });
      
</script>

Any help would be much appreciated.

[DanInMa]

why are you putting += and -= on the css properties?

[DanInMa]

also part of your pblem lies in your margins and padding for the LI's