How to keep a fixed 100% height sidebar while page scroll

 .sidebar {
     position: fixed;
     width: 200px;
     height: 100%;
     background: #000;
 }
 .content {
     margin-left: 200px;
     height: 500px;
     width: auto;
     position: relative;
     background: #f00;
     overflow: auto;
     z-index: 1;
 }
 .info {
     width: 1440px;
     height: 300px;
     position: relative;
     background: #f55;
 }

http://jsfiddle.net/djwave28/JZ52u/