this is complicated to explain, i appreciate your patience in advance.

First i have 6 buttons, lets say they are 50px height for ease.

i will have an image of three buttons for every button so when its hovered it goes up or down by 50px showing a different button, and when its on that page it will show the other button which won't change.

The other 5 buttons which are still active however i want them to change the header picture depending on which button you hover over. so if i hovered over the about us page the page would show a picture of me (random).

Is this possible using css?

cheers jimi