html - IE9 float 额外间距

Question

我在 Internet Explorer <= 9 中的 float 元素后遇到额外间距的问题。

如果其中存在一些 float (如果我删除 float - 间距也会消失)，它是唯一在 HEADER 之后以一些额外间距呈现此页面的浏览器

我知道我可以使用 overflow: hidden 是的，它解决了问题，但在这种特殊情况下我不能使用它，因为我有一个 drop-标题中的向下菜单。否则，我早就用过了。

我尝试使用这个“clearfix”解决方案:http://nicolasgallagher.com/micro-clearfix-hack/ ，但它没有用。

是否有任何简单的解决方案可以解决问题？

fiddle :http://jsfiddle.net/kkg8z/

P.S 我只对支持 IE9 作为最低版本感兴趣。少了一切都会下 hell

附言

对于那些没有注意到任何差异的人。

Answer 1

事实证明，由于 #content 有 display: table 属性，根据 IE，#header 也应该有一个 :) 疯狂的事情。