kuvien keskitys css:llä ja linkit

Mun pitäisi luoda yksinkertainen sivu kahden kuvan avulla. Eli toinen kuva olisi taustalla ja toinen kuva tulisi siihen keskitettynä päälle. Sitten siinä keskitetyssä kuvassa olevia tekstien päältä (jotka myös osa kuvaa) kun klikkaa niin sivu vaihtuu. Miten tämä kaikki toteutettaisiin?
Ei pitäisi olla vaikea juttu, mutta kun en vielä kaikkea tajua :)

Nyt olen saanut toimimaan vaan niin, että tämä toinen kuva on vain tietyssä paikassa, mutta eri näyttöresoluutioilla se ei tietenkään näytä keskitetyltä.

Entä miten saisin siis jotkin kuvan osiot toimimaan linkkeinä? Onko tämä ylipäätään mahdollista vai pitääkö minun luoda uudet kuvat noista teksti-kohdista kuvassa ja sitten sovittaa ne samoihin kohtiin(toimimaan linkkeinä)?

Tässä css-koodiani:

html, body {
position: absolute;
background-color: #000000;
background-image:url(tausta.jpg);
background-repeat:no-repeat;
}

#runko {
position: absolute;
top: 100px ;
left: 200px ;
width: 830px;
height: 545px;
background-image:url(kuva.jpg);
background-repeat:no-repeat;
}