I have a fiddle(http://jsfiddle.net/pwnagecss/LnNYv/) and need help in making it so the classes sideBar, and rightContentWrapper autofill to the height.

<div class="wrapper">
    <div class="sideBar">

    </div>
    <div class="rightContentWrapper">
        <div class="rightContent">

    </div>
    </div>
</div>

.wrapper {
    width: 960px;
    height: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    background-color:black;
}
.wrapper:after{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: "0020";
}
.sideBar {
    float: left;
    width: 200px;
    background-color:blue;
    min-height: inherit;
    height: 100%;
}
.rightContentWrapper {
    float: left;
    width: 760px;
    height: 100%;
    min-height: inherit;
}
.rightContent {
margin: 0 auto;
    background-color: red;
    min-height: inherit;
}

Any help is appreciated