IE9渲染引导布局奇怪的是，我不能明白为什么

Question

[更新：问题已解决]

问题是与标题部分，在这里我用一个<span3>与<hr>，然后用<span6>标题，然后另一个<span3>。它在除IE9及以下版本之外的每个浏览器都能正常工作[编辑：它也在Firefox中打破:-(]

我不能解决为什么布局打破了，因为它在Mac上，使用远程虚拟机调试这是非常棘手的任何想法？

下面

截图：

Chrome和其他浏览器好：

IE9：

Answer 1

答案似乎是添加clear: left;到第一个<span3>。这似乎不是一个理想的解决方案，但它仍然有效。

我已经在我的代码这样做的方法是：

div.row.page-heading:first-child { 
    clear: left; 
}