[JavaScript][CSS]skacząca zawartość po użyciu animation Opcje

[omxd]

Witam,
siłuję się z pewnym problemem.Wyczytałem ,że może mi pomóc overflow:hidden; ,ale mimo usilnych prób niestety nie udało mi się rozwiązać problemu.Kiedy zwiększam wysokość jednego elementów do tego stopnia ,że pojawia się z boku scroll cała strona przeskakuję w bok. w jaki sposób można to zablokować?
Przykład live:http://marli.sry.pl/me/agency/house/ex.html
Jsfiddle : http://jsfiddle.net/AtGk4/

[HTML] pobierz, plaintext 
     .content{
                width:920px;
                height:auto;
                margin:0 auto;
            }
            .top{
                width:100%;
                height:300px;
                background: red;
            }
            .action{
                background:blue;
                width:100%;
                height:30px;
            }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
 $('.bigger').live('click',function(){
                $('.action').animate({      
                height: '1000px'
            }, {
                duration: 300,
                complete: function() {
 
                }
            }); 
            });
 
         $('.smaller').live('click',function(){
                $('.action').animate({      
                height: '30px'
            }, {
                duration: 300,
                complete: function() {
 
                }
            }); 
            });
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
 <div class="content">
            <div class="top">
                <div class="bigger">Powiększenie</div>
                <div class="smaller">Pomniejszenie</div>
            </div>
            <div class="action"></div>
[HTML] pobierz, plaintext 

pozdrawiam

[c1chy]

[CSS] pobierz, plaintext 
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
[CSS] pobierz, plaintext 

powinno spowodować że scrollbar będzie zawsze widoczny

[omxd]

cudnie! dzięki.