Problema con link permanenti!

[duska]

Salve ragazzi,
ho creato una classe per i link permanenti nel css in modo da porterli posizionare dove voglio io sul template, esattamente nel css c'è questo:

#contatti a{
   position: absolute;
   top: 25px;
   left: 480px; 
   z-index: 1;
   color: white;
   text-decoration: none;
        display: block;

   }

#contatti a:hover {
   color: black;
}



#mappa a{
   position: absolute;
   top: 25px;
   left: 550px; 
   z-index: 1;
   color: white;
   text-decoration: none;
display: block;

   }



#mappa a:hover {
   color: black;
}



#preferiti a {

   position: absolute;
   top: 25px;
   left: 660px; 
   z-index: 1;
   color: white;
   text-decoration: none;
display: block;


   }


#preferiti a:hover {
   color: black;
}

Il problema nasce quando uno schermo ha risoluzione diversa, mandando i link fuori dall'effetto grafico che c'è creato intorno. Ecco il print in allegato per farvi capire di che parlo.

Come è possibile risolvere?

[checco]

Gli header links hanno già una id, perchè attribuirgliene un'altra?
Comunque devi levare la position:absolute...leva anche top e left
è al limite regolati con margin e padding...
ciao