L'image en bas d'un div

Bonjour,
Je suis confronté à un problème dont je suis sur que la réponse doit être très simple, mais je ne trouve pas.

Voici un screen de mon en_tete actuel
http://img484.imageshack.us/img484/5930/enteteot4.png

J'aimerais que l'image BASKET WORLD (actuellement en haut à gauche soit en bas a gauche

et voici le code html

<div id="header">
<img src="../images/banniere.png" alt="Basket - World" />
</div>

et le code CSS

#header {
width: 100%;
height: 11em;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
background: url(../images/banniere1.png) repeat-x;
}

Merci d'avance pour votre aide

Salut Snipy,

tu peux rajouter dans ta css :

#header {
	...
	position:relative;
}

#header img {
	position:absolute;
	bottom:0;
}

Pour plus d'infos sur le positionnement, voir les Tutoriels (Bases et indispensables).

A+

*Edit: petites remarques en passant :
- le div header a un rendu par défaut de type bloc et va donc prendre la largeur maximale automatiquement : donc le width: 100%; est inutile
- lorsque le margin (ou le padding) est à 0, il suffit de mettre margin:0; sans préciser d'unité ni les 4 directions possibles.
Modifié par Heyoan (04 Nov 2007 - 17:18)

Parfait merci beaucoup

Et merci aussi pour le lien

Tu passes le sujet en "Résolu" ?