Posouvani obrazku v odkazu

Dobry den,

mam nasledujici dotaz:

Mam odkazy udelane pomoci obrazku a chtel bych vyuzit metodu jejich meneni pri prejeti mysi pomoci jednoho obrazku, tj. 3 obrazky v jednom a jen bych je posouval , ovsem tato metoda je popsana pomoci tagu a , pod kterym se bude posouvat pozadi , ja ale nemam v tagu a text - mam totiz odkazy jako obrazky a kdyz dam do tagu a tag img tak se mi pod nim nic neposune ,jelikoz to bude prekryto obrazkem :( zkousel jsem i display: none ,ale pak zase neni pres co prejizdet :(

Nevite nekdo, jak na tuto metodu pro odkazy jako obrazky? Pomoci javascriptu mi obrazky samozrejme vymenit jdou , ale neni to moc vhodna metoda kvuli nacitani obrazku..:(

visibility: hidden ma stejnej efekt jako display: none ; proste hele mam na strance odkazy udelany jako obrazky , kdyz na obrazek najedu tak chci aby se mi zmenil na jinej , pres js klasika , ale resil jsem to pomoci http://www.wellstyled.com/css-nopreload-rollovers.html ze jsem dal vsechny obrazky ktere zobrazuji a , a:hover ... do jednoho obrazku a jen ho chci posouvat ovsem kdyz ho vlozim jako obrazek zobrazi se vsechny stavy a kdyz jako pozadi tak se neposune protoze se mi tag a vykresli jako mrnava nudle sirku ma pres cely prvek ale proste nemuzu nastavit height

nejak takhle:

html:

<div class=odkaz>
<a href="index.php?page=novinky"><img src="pics/novinky_11.png" alt="Banner"></a>
</div>

css:

.odkaz {
background-image: url("pics/novinky_11.png");
width: 153px;
height: 45px;
}
.odkaz a{background-image: url("pics/novinky_11.png"); width: 153px; height: 45px;}
.odkaz img{ visibility:hidden; width: 153px; height: 45px;}
.odkaz a:hover {
background-position: -150px 0px;
}

je to zmet pokusu ale nejde to :( u tagu a width a height nic neresi , je to tam jen jakoze sem to zkousel :)

vyreseno strelil sem od boku:

.odkaz a{
display: block;
background-image: url("pics/novinky_11.png");
}

.odkaz img{
visibility:hidden;
width: 150px;
height: 45px;
}
.odkaz a:hover {
background-position: -150px 0px;
}

toto funguje , sice nvm , proc to s display:block funguje, ale funguje :)
nvm co poradne display: block je.To ze se zobrazi s radkovym zlomem mi nejak nerika , proc u nej jde dobre height :) kdybyste nekdo mel dobry vysvetleni , uvitam ho :)

dobry tak i to uz vim muzete to zamknout ci smazat :)