Problème accordéon CSS overflow

Bonjour,



J'essaye de créer un accordéon en java et en CSS tout se passe bien mais j'aimerais que lorsque je déroule une partie, le texte s'affiche en entier sans scroll.

Une image pour que vous compreniez mieux:

http://uppix.net/d/6/0/ba95caa839628a3ca91880372aceb.png

Et surtout le code : CSS

#myAccordion{
	width: 960px;
	border: 1px solid #a06b16;
	
}
#myAccordion dt{
	line-height: 25px;
	background-color: #c5a064;
	border-top: 2px solid #c49f63;
	border-bottom: 2px solid #b88e4b;
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
}
#myAccordion dd{
	overflow: auto;
}
#myAccordion p{
	margin: 16px 10px;
}
#myAccordion dt.myAccordionHover
{
	background-color: #866939;
}
#myAccordion dt.myAccordionActive
{
	background-color: #714907;
	border-top: 2px solid #c49f63;
	border-bottom: 2px solid #b88e4b;
}

Si vous avez besoin du script java jquery et l'interface j'uploaderai les fichiers car c'est assez long comme code.

Merci d'avance.