title: Susy span-columns Mis-alignment
body: <p>I have a number of Susy layouts working fine on my site. I'm trying to add another that has a two column side bar on the left of the entire body followed by two five column sections. This is the code:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>$total-columns  : 12;         // a 12-column grid
  $column-width   : 3.5em;      // each column is 4em wide
  $gutter-width   : 1em;        // 1em gutters between columns
  $grid-padding   : 0;          // grid-padding equal to gutters
  
  @include border-box-sizing; // Part of Susy
  
  .side-bar {  @include span-columns(2,12);  border-right: 2px solid $darkRed;}
  .body-title {  @include span-columns(10 omega,12);}
  .body-double-column
  {
      @include span-columns( 10 omega, 12);
       column-count: 2;
  }
  .body-left-column { @include span-columns( 5, 12);}
  .body-right-column {  @include span-columns( 5 omega, 12);}
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;div id="bounding-box"&gt;
          &lt;div class="side-bar"&gt;
          &lt;/div&gt; &lt;!-- /side-bar --&gt;
          &lt;section class="body-title"&gt;
          &lt;/section&gt;
          &lt;section class="body-left-column"&gt;
          &lt;/section&gt;
          &lt;section class="body-right-column"&gt;
          &lt;/section&gt;
          &lt;div class="push"&gt;&lt;/div&gt;
      &lt;/div&gt; &lt;!-- /bounding-box --&gt;
  </code></pre>
  
  <p>The body-left-column and body-right-column layout fine as long as there isn't enough text in the body-title section to push them below the vertical length of the side-bar. If there is, they float to the left of the page. I don't have this problem on pages where I use .body-column-double. This behavior seems normal given the generated css. The class .body-left-column has a float:left. Also, if I make the left and right 5,10 and 5 omega, 10 respectively as indicated in the example page on the Susy site, they become too big to fit side by side. It would seem I need to extend my side-bar with hidden text or the like to keep everything from floating left. Is this the way to approach it or is there a better solution?</p>