Jquery scroller based on mouse position

Question

So I have looked at jquery hover and this is all well and great but how can I use a list into this? The example that the previous user uses is all image backgrounds.

Im not sure if the is in the right place.

<div class="backdrop">
 <ul id="year"></ul>
<div class="direction left"></div>
<div class="direction right"></div>

jsfiddle

Answer 1

Since I could not change background position on <ul><li> I decided to use margin here if my solution.