Positionnement de DIV dans une autre DIV

Bonjour,

Je souhaiterai que le contenu d'une de mes DIV soit toujorus en bas d'une autre DIV. Le bouton ajouter doit être tout le temps en bas du conteneur produit qui a un contenu de taille variable ...

Voici le CSS

#conteneur_produit{
	position: relative;
	display:block;
	width:150px; 
	height:270px;
}


#bouton_ajouter{
	background-color: yellow;
	position: relative;
	width: 10px;
	height: 10px;
	top: 10%;
	left: 10px;
}

et le html pour info

<div id=conteneur_produit>
	<div id="bouton_ajouter">bla bla</div>
</div>

MErci d'avance

Remplace top par bottom en mettant la taille qui va bien

Ca ne change pas j'ai toujours un décalage ... j'ai l'impression qu'il part du bas de mon contenu et non du bas de la DIV conteneur :

Voici le lien : http://www.dartag.fr/www/index.php?page=shop.browse&category_id=1&option=com_virtuemart&Itemid=1

Merci d'avance

Peut être qu'en enlevant les erreurs de validation de ton html ça irait mieux après ?