title: Modernizr isn't working for "column-count" in IE9
body: <p>I added reference to Modernizr JS file and put <code>class="no-js"</code> in <code>html</code> tag. </p>
  
  <pre><code>&lt;html lang="en" class="no-js"&gt;
  &lt;head runat="server"&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;
      &lt;title&gt;&lt;%: Page.Title %&gt;&lt;/title&gt;
  
      &lt;script src="Scripts/jquery-1.10.2.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;webopt:bundlereference runat="server" path="~/Content/css" /&gt;
      &lt;link href="App_Themes/MetroTouchCountries/TabStrip.MetroTouchCountries.css" rel="stylesheet" /&gt;
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
  
      &lt;script src="Scripts/modernizr.custom.61385.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I'm using <code>column-count</code> property in one of CSS classes:</p>
  
  <pre><code>.listWithFlags {
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
      font-family: Calibri, Verdana;
      font-size:14px;
      line-height:13px;
      display: block;
  }
  </code></pre>
  
  <p>It looks good on Chrome, Firefox, IE 10+ but <strong>doesn't work in IE9.</strong> </p>
  
  <p>I see that <code>no-js</code> is replaced with a longer code in the browser so I think JS reference is correct. I also added <code>display: block</code> as explained <a href="https://stackoverflow.com/questions/6625433/why-isnt-modernizr-working-for-me">here</a>. What could be the problem?</p>