Contenu d'une div to the top

Bonjour,

Je suis en train d'apprendre seule à réaliser un site web en html et css. Et du coup je me pose quelques questions.
Je viens de créer une div qui s'affiche lorsque l'on passe sa souris dessus. Le contenu de la div s'affiche et une scroll bar permet de scroller dans cette div et d'en voir tout le contenu.
Mais lorsque l'on sors de cette div le contenu reste "bloqué" là où je me suis arrêté de scroller. Or je voudrais qu'il remonte automatiquement en haut (à son emplacement d'origine) dès que ma souris sors du champ de la div.

Comment est-ce possible ? Avez-vous une idée ?

Je ne voudrais pas utiliser un lien avec "scroll to the top".

Je ne sais pas si ça peut aider, mais au cas où voici mon code :

#accordion-workexperiences /*()*/
{
	height: 30px;
	border:1px solid #C03;
	overflow: hidden;
	transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-htm-transition: 1s;
	-webkit-transition: 1s;
	margin-bottom:20px;
	margin-top:20px;
}

#accordion-workexperiences:hover
{
	height: 250px;
	overflow: hidden;
	transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-htm-transition: 1s;
	-webkit-transition: 1s;
	overflow:auto;
}

Merci beaucoup d'avance
So