CSS en vrac celon resolution ecran

Bonjour,

Alors voilà j'ai un petit problème avec le design d'un site, "http://ng-industry.fr/index.php"
Mon ecran est en 1400*900 (21') j'ai donc naîvement placé mes <div> et mes <span> en fontion de mon navigateur.
voilà ce que moi je voit :
http://img32.imageshack.us/img32/5338/site1400.png


Et voilà ce que voient les personnes qui ont un affichage en 1024 ou 1280 :
http://img35.imageshack.us/img35/7888/site1024.png

voici mon code CSS :
https://paste.org/9869

Les images qui me posent problèmes sont :

- Les petits bouton roses (<span class="bouton1") => jusqu'a "bouton 8"
- L'image rectangulaire d'affiliation (<span class="affil")

qui ont pour codes respectifs:
Les Boutons

#
.bouton1
#
 
#
{
#
    position:absolute;
#
 top: 460px;
#
 left: 340px;
#
}
#
 
#
.bouton2
#
 
#
{
#
    position:absolute;
#
 top: 460px;
#
 left: 380px;
#
}
#
 
#
.bouton3
#
 
#
{
#
    position:absolute;
#
 top: 460px;
#
 left: 420px;
#
}
#
 
#
.bouton4
#
 
#
{
#
    position:absolute;
#
 top: 460px;
#
 left: 460px;
#
}
#
 
#
.bouton5
#
 
#
{
#
    position:absolute;
#
 top: 500px;
#
 left: 340px;
#
}
#
 
#
.bouton6
#
 
#
{
#
    position:absolute;
#
 top: 500px;
#
 left: 380px;
#
}
#
 
#
.bouton7
#
 
#
{
#
    position:absolute;
#
 top: 500px;
#
 left: 420px;
#
}
#
 
#
.bouton8
#
 
#
{
#
    position:absolute;
#
 top: 500px;
#
 left: 460px;
#
}

L'image

.affil
{
        position:absolute;
	top: 65%;
	left: 74%;
}

J'ai changé top & left qui etait en pixel par des % et ça n'a pas changé grand chose...

Merci d'avance pour vos reponses je suis pas un pro et je m'y suis mis ya pas longtemps c'et peut etre juste une erreur bête :p

Bonne journée.