Bonjour à tous,

Je suis en train de faire un site pour apprendre à maîtriser le css (c'est pas gagné...).
Et là j'ai un soucis tout bête, j'explique :
Mon header est composé en 3 images qui sont collées, de manière à n'afficher qu'une seule image. Si c'est pas clair on comprend mieux avec le code :


<div class="header">

<img src="images/haut-gauche.bmp" /><img src="images/haut-milieu.bmp" /><img src="images/haut-droit.bmp" />

</div>

(les images ne sont pas en jpg pour conserver la qualité tant que tout n'est pas fini...)
Bref, sur l'image du milieu (la 2e) j'ai prévu un espace pour mettre une bannière en .gif mais je ne sais pas placer une image sur une autre...

Je ne veux pas utiliser la position absolue car ça ne fonctionne que sur une seule résolution d'écran.
J'ai testé avec un tableau mais c'est galère : déjà quand je mets les images dans les cellules il y a un espace entre elles (même si je mets l'attribut border="0" ) et le problème de positionnement reste le même...

Est-ce que vous pourriez m'aider svp ?

Si ça peut être utile, voici mon css :


@charset "utf-8";

/* CSS Document */



body

{

background-color: #E7E7D2;

}



.header

{

margin: auto;

width: 762px;

}


(oui il est court, j'en suis qu'au début)
Merci d'avanceConfiguration: Linux
Firefox 3.0.3