Menu scrolling vertical limité en CSS

Bonjour,
j'ai fais un menu "fixed" appelé #sidebar, donc qui suit mon scroll de la page. Il se trouve dans une div "page", mais dépasse de celle-ci, aussi en css je l'ai décalé de 690px (afin qu'il se trouve au niveau de div "page").

Je souhaite que lorsqu'on scroll en bas de la page le menu ne suive pas plus loin que la div "page". Peut-on lui donner une limite de position vertical ? Ou peut-on simplement l'astreindre à rester dans les limites de la div "page" ?

voici mon code :

<style type="text/css">
#page {
	width: 987px; height: auto; float: left; position: relative;
}
#sidebar {
	width: 110px; height: 280px; position: fixed; top: 690px; margin-left: 60px;
}
</style>

<div id="page">
<div id="sidebar">	
<ul>
<li><a href="index.html">accueil</a></li>
<li><a href="historique.html">historique</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</div>

J'espère m'être exprimé suffisamment clairement.
Merci de votre aide.