CSS Image Rollover problem?

[selesti]

I'm doing CSS rollovers on one image, where the rollover state is on the same image but not shown unless the hover state is on.

Like so:

#nav-test { 
	position: absolute; 
	left: 240px;
	top: 10px;
	height: 12px; 
	width: 88px; 
	overflow: hidden; 
	background: url(images/btn_test.gif) top left no-repeat; 
	display: block; 
} 
  
#nav-test:hover { 
	background-position: bottom left; 
}

For some reason, the rollover doesn't work in IE?! But does in FF, it does work as a link though.

Anyone got any ideas what I'm doing wrong?