Come dirtelo??? il tuo codice è pieno di errori o quantomeno è progettato piuttosto male.... Inoltre anche le tue domande contengono loro stesse errori concettuali o di principio. Che vuol dire "posso posizionare i css in mase all sfondo?" è una frase che purtroppo non ha senso......
Leggere "di qua e di là".... è sbagliato come principio!!! devi studiarti una guida o un tutorial organico che ti spiega dall'inizio alla fine, se sei un principiante... solo quando diventi un po' esperto puoi permetterti di leggere articoli specifici e mirati di approfondimento....

Oltre a questo, stai realizzando un layout semplicissimo complicandoti la vita oltre misura, come sparare a una mosca con un cannone!!!

Alcuni commenti (ma credimi, ti consiglio CALDAMENTE di leggerti l'articolo "Layout con i CSS" su html.it, almeno comprendi la filosofia di come si crea un layout):

1) L'attributo target=_blank nei links è ormai deprecato, perché costringi il visitatore ad aprire il link in una nuova finestra quando magari lui non vorrebbe (mettiti nei panni del visitatore, girerebbero le scatole anche a te se ogni link si aprisse in una nuova finestra)
2) Hai un BODY con la sola immagine di sfondo e poi 4 icone che sono i links e gli unici oggetti della pagina. Hai posizionato tutto in maniera relativa, partendo dal basso... ma come mai??? A parte che sarebbe più logico e intuitivo posizonare gli oggetti dall'alto (anche perché se aggiugi qualche altro oggetto sotto che ti alza il body, tutti gli allineamenti saltano), in ogni caso il posizionamento relativo sposta gli oggetti da dove vorrebbero naturalmente stare a dove li metti tu con top e left. Quindi in questo caso, al limite era più logico usare i position:absolute ma cmq ti ritrovi in ogni caso con il problema che ti ho descritto nel primo commento: posizioni tutto non rispetto a un contenitore con dimensione fissa, ma rispetto al BODY, la cui dimensione cambia con lo zoom e di conseguenza tutti gli allineamenti! In pratica non hai fatto ciò che ti ho descritto sopra.
3) Per centrare gli oggetti ci sono 2 tecniche distinte in css, una per il testo e una per gli oggetti di tipo blocco (div, immagini). Per il testo devi applicare la regola text-align:center; mentre per gli altri oggetti l'approccio è diverso, devi usare margin:0 auto; che in pratica dice di applicare un margine pari a 0 sopra e sotto l'oggetto e "automatico" ai lati, il che sposta al centro l'oggetto.
4) Semanticamente parlando, hai creato i tuoi 4 pulsanti come oggetti vuoti costituiti solo da un'immagine di sfondo ma a che serve? a dover forzare i link ad avere display:block; a dovergli forzare la dimensione??? Potevi usare direttamente il sempliccisimo tag IMG di html e inserire le immagini direttamente nel documento non come sfondo. L'uso di immagini di sfondo per i link ha senso solo se crei una regola per quando porti il mouse sopra al link (per esempio per creare un effetto roll over cambiando l'immagine di sfondo, ma non è il tuo caso)
5) La totale assenza di testo nel sito lo rende praticamente non indicizzabile da parte dei motori di ricerca che non hanno idea di che sito sia, e a che serve.

Infine, il consiglio su come mettere quei 4 link.
1) Crei un DIV che li contiene tutti e 4 (magari temporaneamente mettigli un bordo colorato così vedi quali sono le sue dimensioni, poi a layout finito togli i bordi e lo rendi quindi invisible).
2) Inserisci i link come immagini affiancate, puoi farlo in tanti modi, anche con i posizionamenti assoluti se vuoi ma allora, per quanto detto prima, il div che hai creato al punto precedente deve avere position:relative, altrimenti sei sempre punto e a capo!!!

Ma, ascolta il suggerimento, leggiti un paio di articoli, in particolare quello consigliato, su html.it... l'approccio che stai seguendo serve solo a complicarti la vita e una semplice risposta di un forum non ti può chiarire tutti i problemi, anzi... se prendi un'accozzaglia di consigli qua e là per specifici problemi e non capisci tutto il concetto in modo organico, non ne vieni più fuori......