HTML5元素不会显示：none;在IE中即使使用Modernizr也是如此

Question

我正在为在IE8或更低版本中访问我的网站的用户快速浏览页面。我正在使用Modernizr的.lt-IE9类来定位文档，然后使用这个CSS（在SASS的帮助下）隐藏我的主要内容并显示“IE-Warning”。

.lt-ie9 {
    body {
        background:none;
    }
    .container {
        display:none;
    }
    footer {
        display:none;
    }
    .ie-warning {
        display:block;
        text-align:center;
    }
 }

除了显示器外，一切正常：无;在页脚元素上，这当然是HTML5元素。我不知道为什么它不会隐藏，它不会在检查员中显示或被其他任何东西覆盖。