Eternel problème de div et de résolution

Hello,

Yé oune gros problem qui commence à mé saouler!!

J'ai fait pas mal de recherches et lu bcp de trucs à ce sujet et je ne trouve tjrs pas comment résoudre la question suivante:
"comment caler mon menu (layer/div) afin qu'il ne bouge pas en fonction de la résolution?"
voici un exemple: club17.tkd.free.fr/index_test2.php avec le css suivant ss1.css

Il s'agit donc du layer 1, le site a été conçu pour 1024*768 et j'ai récemment centré la page car ça rendait mieux (au niveau de la bannière notammment cf index.php).

body {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#Layer1 {
	position:absolute;
	top:141px;
	width:129px;
	height:109px;
	left:31%;
	z-index:1;
	background-position: center;
	visibility: hidden;
	overflow: visible;
}

Que dois-je faire pour caler un menu div une fois pour toute?
Je suis preneur de toute solution, lien ou tutorial.

Grand merci à celui qui pourra me dépanner.

SR

La propriété left de ton div est défini en %. C'est donc normal que le div ne soit pas a la même place suivant la résolution. Si tu veux toujours la même place, définis la propriété left en px.

Je veux bien mais % ou pixel cela ne change pas grand chose au pbl...