[Resolvido] Menu Flutuante Ficar limitado a uma <DIV>

Olá pessoal,

sou novata na área de programação e preciso de uma ajuda.

Preciso criar um menu lateral que flutue de acordo com a rolagem mas somente dentro da <DIV> em que ele esta dentro.

Atualmente ele esta flutuando enquando há rolagem, ou seja, sobrepoe até o rodape.

Javascript:

<script language="javascript">

$(function() {

 var offset = $("#menu-flutuante").offset();

 var topPadding = 15;

 $(window).scroll(function() {

 if ($(window).scrollTop() > offset.top) {

 $("#menu-flutuante").stop().animate({

 marginTop: $(window).scrollTop() - offset.top + topPadding

 });

 } else {

 $("#menu-flutuante").stop().animate({

 marginTop: 0

 });

 };

 });

 });

</script>

HTML:

<div id="sidebar">

 <div id="menu-flutuante">

 <ul>

 <li>Garantias Patrimoniais</li>

 <li><a href="" title="Aeronáutico">Aeronáutico <span>»</span></a></li>

 </ul>

 </div>

</div>

CSS:

#menu-flutuante{

 left:0px;

 margin:0;

 padding:0;

 position:absolute;

 top:150px;

}

#sidebar{

 float:left;

 height:1000px;

 position:relative;

 width:220px;

}

Alguém saberia como resolver?

Obrigada!

=)