Insertion images superposées partiellement

[koss70]

Ciao,

Je dois avoir un conflit quelque part.

JE souhaite obtenir une superposition partielle. J'ai une image.jpg et une autre .png avec l'effet alpha.

Mon code CSS:

//image de fond en alpha
#img_fond_01 {
background-image: url(images/fond_01.png);
background-repeat: no-repeat;
background-position: center;
height: 418px;
width: 544px;
padding-right: 23em;
}

//image mapmonde
#img_04 {
background-image: url(images/image_04.jpg);
background-repeat: no-repeat;
background-position: left center;
height: 192px;
width: 360px;
padding-top: 3em; }

Mon code (X)HTML

<div id="img_fond_01" title="fond du texte" alt="fond du texte">
<div id="img_04" title="mapmonde" alt="mapmonde"></div>
</div>

J'aimerai arriver à ce rendu.

La mapmonde à plat, le fond rectangulaire avec effet alpha qui commence à peu prêt à la moitié de cette dernière.

Actuellement le rectangle de fond est bien en alpha là où je veux qu'il soit à l'horizontal, en revanche, à la vertical, il ne l'est pas. Il est en dessous de la mapmonde

Quelqu'un peu me dire d'où vient l'erreur?

Merci d'avance

Modifié 19 Avril 2006 par koss70