title: Using multiple-class selectors in IE7 and IE8
body: <p>I know IE7 &amp; IE8 supposedly have support for using multiple CSS class selectors, but I can't seem to get it to work.</p>
  
  <p>CSS:</p>
  
  <pre><code>.column {
    float: left;
    display: block;
    margin-right: 20px;
    width: 60px;
  }
  .two.column {
    width: 140px;
  }
  .three.column {
    width: 220px;
  }
  .four.column {
    width: 300px;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class='two column'&gt;Two Columns&lt;/div&gt;
  &lt;div class='three column'&gt;Three Columns&lt;/div&gt;
  &lt;div class='four column'&gt;Four Columns&lt;/div&gt;
  </code></pre>
  
  <p>It always end up using the <em>.four.column</em> rule. Any ideas on what I'm doing wrong?</p>