jak można zrobić link, który po najechaniu ma inne tło?

wiem, że można to w JS zrobić, że po najechaniu ładowany jest inny obrazek. a da się coś takiego w CSS?
przykładowo:


chciałbym teraz, żeby nie tekst nie był widoczny, ale żeby tag a miał w tle jakiś obrazek, który po najechaniu zmienia się.
czyli te 2 obrazki łącze w jeden i w CSS zmieniam background-position.
ale co z tekstem?

daj dla a display:block i nadaj mu pożadane wymiary

i oczywiscie tak jak pisze joshima uzyj a (jako background 1szy obrazek) pseudoklasy a:hover (background drugi obrazek)

http://www.grabun.com/teksty/przyklady/css-rollover/

to już jest zrobione. pytam o tekst, co z tekstem?
w przykładzie powyżej nie ma tekstu, ale jak ktoś przegląda stronę bez CSS lub bez obrazków to nic nie zobaczy, a ja chcę żeby był tam tekst.
obecnie rozwiązałem to tak, że ustawiłem font-size na 1px i kolor ustawiłem taki jak ma tło.
są inne sposoby? text-indent odpada.

Dopasuj rozmiary, height /**/:80px; to hack dla chyba IE, a padding-top musi odpowiadać wysokości. Mam to na http://slyngmosen.masmaral.dk/

[HTML] pobierz, plaintext 
a
{
	display: block;
	width: 310px;
	padding: 80px 0 0 0;
	overflow: hidden;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:80px;
	margin: 0 0 0 276px;
}
[HTML] pobierz, plaintext 

I zmień background-position na a:hover.