/* On remet les marges internes et externes à zéro
pour que IE, FF, etc aient les mêmes */

* {
    margin: 0; padding: 0;
}

/* Après, pour mettre une image dans une div, deux solutions :

1) On insère directement l'image dans la div via l'attribut background */

#maDiv {
    height: 80px;
    width: 450px;
    border: 0;
    background: url('../mon/image.jpg');
}

/* 2) On insère une balise img qu'on arrange via CSS */

/* CSS */
#maDiv,img {
    height: 80px;
    width: 450px;
    border: 0;
}
/* HTML */
<img src="../mon/image.jpg" alt="Mon image" border="0" />



/* Ca c'est pour le cas "simple" où notre image occupe tout l'espace.
Maintenant, le cas où deux images doivent être l'une à côté de l'autre, sur le même axe horizontal, du genre


_________________________________________________
|           |           |
|   Image 1     |   Image 2     |
|_______________________|_______________________|

Dans le CSS, on pose notre div contenant la première image : */

#maDiv1 {
    height: 80px;
    width: 450px;
    border: 0;
    background: url('../mon/image.jpg');
}

/* Puis on attaque la seconde image, qui sera alignée */

#maDiv2 {
    height: 80px;
    width: 450px;
    border: 0;
    background: url('../mon/image.jpg');
    float: right;
}
/* Le float: right; annonce à CSS qui l'image sera flottante, dans ce cas là, sur la droite, donc pas de superposition.

Puis, dans le HTML, on pose nos deux balises, et le tour est joué. */

<div id="maDiv1"></div> <div id="maDiv2"></div>