Plaatje Hover

[555Martijn]

Eerder had ik al een topic gemaakt over zelfde probleem, ik wil een plaatje een hover geven.
Toen had csshunter mij geholpen en was het helemaal gelukt.

Nu wil ik dus weer een (andere site) een plaatje een hover geven.
Ik heb een plaatje (kpn.gif) die 40x20 pixels is, de eerste 20x20 pixels is wat ik wil laten zien, de tweede 20x20 pixels is de hover.

HTML: (deel van)

<td class="providers"><a href="http://www.kpn.com/" title="KPN"><img src="images/kpn.gif" alt="KPN Logo" /></a></td>

CSS: (deel van)

.providers a img {
	width:  20px;
	height: 20px;
	border: 0;
	background: url(images/spacer.gif);
	}
	
.providers a:hover img,
.providers a:focus img { 
	background-position: -20px 0;
	}

CSS is exact zelfde als van site waar het wel op werkt, background: url(images/spacer~) had ik eerst verwijderd, (had nu geen achtergrond) maar later een leeg plaatje gemaakt om te kijken of deze het wel deed (niet het geval)

Nou, het probleem:
Het plaatje ziet er als volgt uit:

Hij moet er echter zo uitzien:

Iemand een idee?

EDIT: Ik heb besloten geen plaatjes te gebruiken maar gewoon simpel tekst, ik ben nog wel steeds benieuwd waarom dit het niet deed. Als iemand tijd heeft om dat uit te leggen (alleen waarom) zou dat top zijn.