image centrée en bas de page

J'ai lu la FAQ et de nombreux exemples masi je n'arrive tout simplement pas à combiner mes objets ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style type='text/css'>
html, body {height:100%;
            width:100%;
            overflow:none;
            }
body { background: url('GrY/Site/Degrad.png') repeat-x 0 0 ;
		text-align:center;
		margin:0;
       padding:0;}            
 
 
.centrer {
  margin-left : auto;
  margin-right : auto;
  text-align:left;
}       
</style>
<title>Litt Diffusion</title>
</head>
 
<body>
<div style="position: absolute; height:100%; width:100%;">
	<img src="image.png" style="position:absolute; z-index:0;bottom:0;width:600px;" class="center" />
</div>
</body>

l'image doit être en base de page centrée et en z-index 0 ou 1 ...

j'arrive à la centrer en haut, mais dès que je veux la mettre en bas de page en passant en absolute je perds le centrage :(