Hey guys, through all the hunting I did, I was not able to find any tutorials on how to create CSS sprites with a reusable, 1 button design. So any <a>’s within the menu would simply reuse the same sprite without needing to set each one with it’s own position.
So I played around with it and I think I’ve figured it out. Basically what I’ve done was created an image like this:
While not new to me, it is a very good technique to get used to. I design quite a few sites now to specifically make use of it due to its simplicity. As you said, a lot easier to have it like that than to have to create a separate background for each.
You will probably still want to apply classes to the anchor tags though, so that you can set a "current" state!