Superposition ( background sur un div ) z-index

Bonsoir,

J'ai un problème de superposition que je n'arrive pas régler.

J'ai un div, qui contient une image en background, celui-ci reprend l'intégralité des div du site.

Mon autre div (le header) a des bordures en css.

J'aimerai positionner mon image au dessus afin qu'on ne voit plus les bordures.

http://www.morgan-web.be/eweb (ps: a regarder avec firefox pas encore compatible IE)


Voici mon code:

/* ------- CONTAINER -------*/
#container {
  margin: 20px auto;   
  width: 1000px;  
  font-family: Georgia, serif;

  background: url(../graphisme/test-mo5.png) no-repeat; 
  
  position: relative;
  z-index: 3;
  top: 0;
  left: 0;
}
/* ------- HEADER -------*/
#header {
  width: 100%;
  height: 180px;
    
  background: url(../graphisme/header5.png) no-repeat;  
  
  /* Box Shadow - Radius*/
  
  -moz-border-radius: 0 0 10px 0;
   border-radius: 0 0 10px 0;  
   
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;

}

Si quelqu'un pourrait me mettre sur la voie ça serait vraiment super!

Merci : )

Coucou,

As-tu lu cet article plutôt complet.

Oui j'ai déjà lu l'article : )

Par contre je n'ai toujours pas su régler mon problème : /

Ce que je ne capte pas c'est pourquoi ne pas enlever les bordures du header plutôt?

Je pourrais le faire c'est vrai, mais bon j'ai pas envie de baisser les bras dés que je bloque quelque part = D

C'est louable mais pourquoi faire simple...
tu as regardé ce lien?

Je suis entrain de lire : )

Sans la bordure, je trouve que la bannière fait un peu "fade" et fais mon ressortir le tout