CSS - button element rollover (not anchor element)

I know how to use background images and their position on an anchor element (using :hover). It's my understanding that开发者_运维知识库 ie6 doesn't support button:hover. How can I achieve this effect using only css?

IE6 only supports the :hover pseudo class on anchor elements. That means, just like everything else, you have to get a bit creative if you want to achieve this effect.

You'd possibly achieve a hack of this by starting with using conditional comments to include an IE6-specific style sheet for your page / site.

You could then either use a background image that looks the same as your button's background and set an anchor tag to use that background image with the image's correct fixed width, or (untested so not sure about this one) try wrapping the button in an anchor tag.