[PYTANIE] Jak zrobić pływający element w obrębie div'a Opcje

[arclite]

Witam !
Aktualnie tworzę stronę na której jest długa lista miejscowości a po prawej stronie do tego jest mapka google i zamknięte są w jednym divie.
przykład:

[HTML] pobierz, plaintext 
<div>
   <ul>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
     <li>Miasto</li>
 <ul>
 <iframe name="mapa"></iframe>
</div>
[HTML] pobierz, plaintext 

mapa opływa listę z prawej strony.
Mam takie pytanie:
Czy da się zrobić tak aby mapka przewijała się w obrębie tego jednego div'a w którym jest zamknięta razem z listą ?

napisalem aki skrypcik do pływających elementów ale to się odnosi do globalnej pozycji więc elementy są przewijane aż do końca strony.

Kod

$(document).ready(function(){

    init_check_ss();
    if($('.content_1').size())
             {
                 ps_height = $('.content_1').height();
             }

    $(window).scroll(function(){
            if(($('.content_1').size() && $('.tresc').size()) || $('.tresc').size())
             {
                 if($(window).scrollTop() >= 178){
                    $('.left_1').css({"position":"fixed", "top":"10px"})
                      $('.apt_nav').css({"position":"fixed", "top":"10px"})
                      $('.airport').css({"position":"fixed", "top":"20px"})
                      $('.tresc').css({"position":"static", "top":"590px", "padding-top":"460px"})
                      if($('.msg_rez').size())
                      {
                             var pozycja_msg = $('.msg_rez').position()
                             $('.msg_rez').css({"position":"fixed", "float":"left", "margin-left":"0px"})
                             $('.p_s').css({"height":ps_height+90+"px"})
                        }
                }
                 else
                 {
                     $('.left_1').css({"position":"relative", "top":"0px"})
                    $('.apt_nav').css({"position":"static", "top":"0px"})
                    $('.airport').css({"position":"static", "top":"0px"})
                    $('.tresc').css({"position":"static", "top":"0px", "padding-top":"10px"})
                 }
             }
    });