상단메뉴 고정

<script type="text/javascript">
$(window).scroll(function () {
        var height = $(document).scrollTop();
        if (parseInt(height) > 0) {
            $('#hd').css({
                "position": "fixed",
                "display": "block",
                "width":"100%",
    
                "z-index" : "10000"
            });
            $('#wrapper').css({
                "padding-top":"116px"
            });
        } else {
            $('.hd').css({
                "display": "block",
                "position":"relative",
                "z-index" : "10000"
            });
            $('#wrapper').css({
                "padding-top":"116px"
            });
        }
    });
</script>

이런식으로 상단 메뉴를 고정했는데요~

http://soldaon.cafe24.com/index.php   아래로 스크롤 하고 다시 위로 올리면 이미지 상단이 잘리는 현상이 나옵니다.

이거 안잘리고 나오게 할 수 있을까요??