Estoy intentando diseñar un panel de administración para mi aplicación utilizando el marco de twitter-bootstrap pero no puedo hacer que mi diseño funcione.

Me inspiré en este diseño:
Sería un diseño de dos columnas "Barra lateral" y "Contenido principal" pero no puedo conseguir que la altura del 100% funcione. Logré obtener un diseño de 2 columnas con 100% de ancho usando este código:

HTML

<div class="container-fluid">
 <div class="row-fluid">


   <div class="span2 colorize-white">
     <!--Sidebar content-->Sidebar
   </div>


   <div class="span10 colorize-white">
     <!--Body content-->Main
   </div>


 </div> 
</div>

CSS

/* Global */
html, body {
    color: #6B787F;
    padding: 0;
    height: 100%;
    background: #11161a;
    font-family: 'PT Sans' !important;
}

.colorize-white {
    background: #FFFFFF;
}

.no-margin {
    margin: 0;
}

Estoy a mitad de camino pero hay dos cosas que no puedo resolver.
1) 100% de altura
2) Deshacerse de los márgenes exteriores en la segunda imagen

 Puede ver que tengo un margen entre el borde del navegador y los elementos de la barra lateral / principal y luego un margen entre los dos. Necesito deshacerme de esto si agrego sin margen a todos mis elementos en HTML que pegué, incluida la etiqueta del cuerpo, todavía no consigo el 100% de altura y aún no puedo eliminar los márgenes entre el borde del navegador y la barra lateral y el contenido principal El espacio del margen entre la barra lateral y el contenido principal desaparece.