CSS: Right menu is coming over the footer

I made a simple website CSS design, the right menu is coming over the footer menu

http://jsfiddle.net/aburayane/ppkdM

 .content{
    border: 10px solid red;
    height: auto;
    min-height: 700px;
}

.menuRight{
    width: 200px;
    float: right;
    overflow: hidden;
    background-color: #CC00CC;
    border: 1px solid green;

}

Thanks for your reply.