I’m doing on this template recently. The background images works fine in all browsers except in IE7. According to some googling, I have removed the ” sign from the url of those images. However, I can’t get it done either.

Here is my JavaScript link.
I spend days for finding this bug. Could anyone have any idea to figure out this?
As far as I can see the problem comes from your inline spans that have no content.
I’m using IE9 in IE7 mode, and I don’t see your checkboxes at all. However, I added
display:blockto one of them, and it appeared and background switched on click.So I suggest you to try implement them as floating divs instead of spans. Or at least make sure your spans have content and aren’t rendered as 0x0 elements.