Question

Alright here’s the deal. I have a <select multiple> tag with a background image.
So now whenever I scroll down, the background image does not move up with the text. And I get this effect:

The left pic is before and the right is after I scroll

I want it to move up when I scroll down. So that each line stays with the same color.

Any suggestions on how do I do that?

Answer 1

Not an answer to your question, but wouldn’t it be more desirable to give each option an individual background colour instead?

Primitive JSFiddle example

The background image approach is bound to fail e.g. if the user increases the font size.