在恢复浏览器时，div的位置根据滚动条改变了？

Question

当我试图恢复浏览器或（调整大小）时，div的位置发生了变化，看到div的原始位置我应该滚动到页面顶部如果我向下滚动div会向上移动..我只想要一件事，我不想在所有情况下这个div动作？ 答案将不胜感激。感谢。

HTML

    <div id="socialText"></div>

CSS

    #socialText{
    background:url(../images/....) no-repeat;
    width:80px;
    height:20px;
    bottom:40px;
    right:50px;
    position:fixed;
    position:absolute;
    float:right;
    display:none;
    }

jquery的

    $(window).resize(function(){
    $('html').css('overflow','auto');
    });



    $(document).ready(function(){
    $('html').css('overflow','hidden');
    $('#facebook')
    .mouseover(function() {
    $('#socialText').show().css('backgroundPosition', '0 0');
    })
    .mouseout(function() {
    $('#socialText').hide().css('backgroundPosition', '0 25px');
    })
    });

    $(document).ready(function(){
    $('html').css('overflow','hidden');
    $('#twitter')
    .mouseover(function() {
    $('#socialText').show().css('backgroundPosition', '0 -28px');
    })
    .mouseout(function() {
    $('#socialText').hide().css('backgroundPosition', '0 25px');
    })
    });

    $(document).ready(function(){
    $('html').css('overflow','hidden');
    $('#google')
    .mouseover(function() {
    $('#socialText').show().css('backgroundPosition', '0 -57px');
    })
    .mouseout(function() {
    $('#socialText').hide().css('backgroundPosition', '0 25px');
    })
    });