IE9浮动额外间距

Question

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

这是唯一的浏览器，在渲染这个页面时，会出现一些 额外 在HEADER后的间距，如果有一些浮动在里面（如果我删除浮动--间距也会消失）。

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

我尝试使用这个 "clearfix "解决方案。http:/nicolasgallagher.commicro-clearfix-hack。但它没有工作。

有没有什么简单的解决方案，没有肮脏的黑客，可以解决这个问题？

Fiddle: http: /jsfiddle.netkkg8z

P.S我只对支持IE9这个最低版本感兴趣。更低版本的东西都可以见鬼去吧

P.P.S

对于那些没有注意到任何区别的人。

Answer 1

原来，由于 #content 有 display: table 属性。#header 根据IE，也应该有一个:) 疯狂的东西。