Sticky Footer height Issue

Question

Some ware I found sticky footer as per my need. but now one issue I face. When I Increase resolution greater-than my normal resolution, code work fine. but there are spacing between container div and footer div. Here i also attach screen for what I get and what I want.

So as per image I want to stick (A) and (B) together. so whole part appear as a single . Here Also I add my css code. Due to heavy HTML and CSS code. I'm unable to use JSfiddle. I Use Twitter Bootstrap framework.

    html {
        position: relative;
        min-height: 100%;
    }
    body {
        margin: 0 0 100px; /* bottom = footer height */
    }
    footer {
        background: none repeat scroll 0 0 #FFFFFF;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
        border-bottom: 1px solid #E1E1E1;
        position: absolute;
        bottom: 0;
        height: 100px;
    }

    #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -142px;
    }

Answer 1

Its Done, I done it via Jquery. here Is a Jquery Code

    $(document).ready(function(){
        $('.contentpartbg').css({height:$(window).height()});
    });