[Problème] pb de 1er plan / arriere plan header ja purity

[nephis43]

Bonjour,

Aorès plusieurs posts pour mon headers et aucune réponse , j'ai décidé de procéder comme ça pour mon header.

http://www.groupe-montauroux.com/site/

De cette façon, le rétrécissement marche pas trop mal. Néanmoins, un problème persiste, je voudrais que le logo de gauche (celui qui a le grand trait) soit en arrière plan par rapport au logo de droite.

En gros, sur la droite, je voudrais voir uniquement le logo groupe Montauroux sans le trait du logo de gauche en dessus.

J'ai essayé avec z-index.

Voici comment j'ai fait :

#ja-header .main {
background: url(../images/trait_montauroux2.gif) no-repeat right top ;
z-index:2;
width:100%;
height: 160px;
padding: 0;
}


h1.logo a {
background: url(../images/logo-montauroux2.gif) no-repeat left;
display: block;
height: 160px;
width: 207px;
}



Et je ne comprends pas pourquoi cela ne marche pas.
Avec z-index:2, le logo de gauche ne devrait pas être en arrière plan et invisible sous le logo de droite???

Merci d'avance