javascript - 向下还原浏览器时，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');
    })
    });