CSS linkss over <img> ?!

kaj pa ce probas linkom v css-ju dodat se z-index?

primer:

a {
z-index: 10;
}

no ja, pa poiskusi temu divu pol dodat z-index s tem naj bi probu dopovedat ieju z koordinato al ne vem kako bi se izrazu ;)

drugac pa...kaj ce bi dejnsko to sliko prikazal v oazdju diva? div bi zgledal normalno, recimo:

<div id="test"><a href="#">link1</a> <a href="#">link2</a> <a href="#">link3</a> <a href="#">link4</a></div>



v cssju bi pa tko nekak zgledal:
#test {
background: #718b95 url(pot_do_slike) top left no-repeat;
width: 200px;
....
}

#test a, #test ...

Tudi sam se ukvarjam malo s CSSjem in sem naletel na problem kako prikazat tekst ćez sliko. Izbrskal sem tale način:

.xxx
{
display: block;
height: 50px;
width: 50px;
line-height: 46px;
background-image: url(1598.jpg);
}

Zanima me, če je tole OK za uporabit ali obstaja kak boljši način?
Še en problem je v primeru, da nekdo poveča velikost pisave v brskalniku- stvar lahko potem razlomi vse skupaj. Je kaka rešitev glede tega?

Nobeden naletel na kej takega? :)