@Speedgun, I should have been more clear, “I can certainly tell where it repeats within the image“
@waffle, I created something close to your image button in CSS. I could have spent more time on it but I got lazy. If anyone wants to play with it, feel free.
Button 1: CSS
Button 2: Image
I think what I would do in this particular situation is use the image but condense the file down significantly and make a sprite so there is no delay on hover.