CSS Img Hover Problem

Hi folks,

I do have a small problem. I wanted to let an image change when a user hovers it.

This is the CSS code I used.

Code:

a.gonow {

	background: url(http://img.vareside.com/bkg/gonormal.png) no-repeat;
	width: 63px;
	height: 22px;
}

a:hover.gonow {

	background: url(http://img.vareside.com/bkg/gonormal.hover.png) no-repeat;
	width: 63px;
	height: 22px;
}

And this is the appropriate HTML code I used.

Code:

<a href="destination.php?e=8394" class="gonow" />

But then a friend told me that it is not being displayed in his browser but in my browser it worked. How to make it visible in all browsers? All users should be able to see and click it!