Alignement en bas

Saloute,
J'ai une image dans mon design que je voudrais aligner en bas de la page, et qu'elle reste en bas quand on scroll.
Voici mon code :

#mascotte{
	background:url(images/mascotte-cote.jpg) no-repeat;
	width:180px;
	height:262px;
	float:right;
	padding:0;
	margin:0;
}

J'avais pensé mettre une "margin-top" et un "background-attachment:fixed;" mais elle disparait quand je fais ca.

Le tout est en ligne sur http://sandwichpipo.free.fr/sandwich/bencyrana et donc pour le moment l'image est en haut (la mascotte avec la guitare).

Voilou, merci.

A+

Tu peux utiliser le positionement Absolu et placer ton image en bas de la fenêtre :

img
{
  position: absolute ;
  left: auto ;
  bottom: 0 ;
}

Pour qu'elle "reste en bas quand on scroll", disons plutôt la position fixe.

Attention, elle doit être remplacée par une position absolue dans IE (qui ne l'implémente pas)

Merci, il se met bien en bas, mais du coup il se met aussi à gauche... pis il ne reste pas en bas quand on scroll -> http://sandwichpipo.free.fr/sandwich/bencyrana/index.php?page=historique

Laurent Denis a écrit :
Pour qu'elle "reste en bas quand on scroll", disons plutôt la position fixe.

En "position: static"; ca redevient comme avant : image en haut à droite.

Si tu la trouve trop à gauche, tu n'as qu'a changer la valeur de "left: auto;" à "left: XXpx ;"

Ok ok, j'ai mis

right:0;
bottom:0;

Mais j'ai pas trop compris la solution de Laurent Denis pour que l'image reste en bas quand on scroll...
Paske là le positionnement est bon tant qu'on descend pas, mais si on vas vers le bas de la page, ben l'image ne suit pas...