title: Susy getting footer at bottom
body: <p>Using Susy Grids, how do you force the container to be min-height 100% and footer to be at the bottom of the page.</p>
  
  <p>html</p>
  
  <pre><code>&lt;div class="page"&gt;
    &lt;header id="header-container"&gt;header&lt;/header&gt;
    &lt;section ="main-container"&gt;
      some short content
    &lt;/section&gt;
    &lt;footer id="footer-container"&gt;footer&lt;/footer&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css/scss</p>
  
  <pre><code>$total-columns  : 16; 
  $column-width   : 4.5%;
  $gutter-width   : 1%;
  $grid-padding   : 6.5%;
  $legacy-support-for-ie6 : false;
  
  .page { @include container;}
  #main-container{@include span-columns($total-columns omega);}
  #footer-container{
      @include clearfix;
      @include reset-columns; 
      min-height:100px;}
  </code></pre>