IE9浮动额外的间距

Question

我在Internet Explorer＆lt; = 9

中浮动元素后出现额外间距问题

它是唯一一个在HEADER之后呈现此页面时具有一些额外间距的浏览器，如果其中存在一些浮动（如果我删除浮动 - 间距也会消失）

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

我尝试使用这个＆＃34; clearfix＆＃34;解决方案：http://nicolasgallagher.com/micro-clearfix-hack/，但它没有用。

是否有任何简单的解决方案没有肮脏的黑客可以解决问题？

小提琴：http://jsfiddle.net/kkg8z/

P.S我只对支持IE9作为最低版本感兴趣。少一点就可以下地狱

P.P.S

对于那些没有发现任何差异的人。

Answer 1

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