CSS Bugs

helloo i am a beginner in CSS and wanted to know how to fix this bug.
I have created a test website: www.dynamic-lb.com/gad/index.html
as you can see you can scroll using your mouse, keyboard or arrows(in the page) to change from one background to another.
the problem is: that you can use the arrows in the first page to go from one background to another but you cannot use the rest of the arrows(in other pages). if you click on one of the arrows the page will not change.

the css file: http://www.dynamic-lb.com/test/gad/css/style.css

thank you for your help

Your site link doesn't work.

sorry:

http://www.dynamic-lb.com/test/gad/index.html

Each ID on a page has to be unique. You have all of your up buttons with the id of tf_prev and the down buttons as tf_next.

Any jquery or javascript call to the id will only use the first one and not any others because of this. If you are using jquery, you need to call them by their class, or give them numerical IDs (tf_prev1, tf_prev2, etc.) in order for it to work correctly.