Ajout d'une image dans un style CSS

Bonjour,
Tout d'abord si je poste, c'est que googleestmonami n'a pas su répondre à ma requête, donc les réponses du style, va voir sur google, non merci, à moins que vous ayez un lien à me proposer,

J'en viens donc à mon problème,

J'ai pris un kit graphique sur le net pour me faciliter la tache, car le pc de l'entreprise où je suis en stage ne possède pas d'éditeur d'images donc je ne peux que ajouter des images que j'ai préalablement enregistrer,

Le probléme est donc, comment ajouter une image sur un fond colorer? voici mon style css

#header {
background: #FE7B09 url(images/bg.jpg) repeat-x;
height: 100px;
}

#image {            //que j'essaie d'ajouter 
position: absolute;
background-image: url(images/xxx.jpg);
width:690px;
height:140px;
left : 50%;
margin-left : -345px;
}

#header h1 {

font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
text-align: center;
}

#header h1 a {
color: #000000;
text-decoration: none;
}

#header h1 a:hover {
color: #000;
text-decoration: none;
}

#header h2 {
color: #000000;
text-align: center;
font-size: 21px;
font-weight: 100;
padding: 22px 0 5px 10px;
letter-spacing: -1px;
line-height: 12px
}

Et voici mon code html :

<div id="header">
<div class="image"></div> 
<h1><a href="http://www.xxx.fr">xxx.fr</a></h1>

<h2>Module pour LDAP</h2>

</div>

Merci d'avance pour vos réponses ;)