[resolu]Positionnement de plusieurs div par rapport au conteneur

Bonjour,

j'aimerais positionner plusieurs <div> par rapport au parent qui les contient et j'ai un peu de mal ...

J'ai quelque-chose de très simple :

<div id="A">
	<div id="B">B</div>
	<div id="C">C</div>	
</div>

Et j'aimerais que B fasse 10% de la hauteur de A et qu'il soit positionné à 30% du sommet du sommet et que C fasse également 10% de la hauteur de A et qu'il soit positionné à 40% du sommet. B et C seraient donc collés l'un à l'autre.

Au niveau du style j'ai ça :

#A{height:500px;
		width:500px;
		background-color:#FFFFCC;
	}
	
	#B{height:10%;
		width:50%;	
		background-color:#00FF99;
		top:30%;
		z-index:2;
		position:relative;
	}
	
	#C{height:10%;
		width:50%;
		background-color:#339933;
		top:40%;	
		z-index:3;		
		position:relative;		
	}

Et ça ne donne pas ce que je veux, il demeure un espace entre B et C ...

Voyez vous comment résoudre mon problème ?

Merci d'avance

http://img27.imageshack.us/img27/7453/sanstitre2thz.gif
Modifié par waida (22 Apr 2009 - 15:00)

OK, suffisait de rajouter un

position:relative

à A et

position:absolute

a B et C et j'obtiens ce que je souhaite ...