IE9渲染一个奇怪的Bootstrap布局，我无法解决为什么

Question

[更新：解决了问题。]

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

我无法弄清楚为什么布局会破坏，而且在Mac上，使用远程VM进行调试非常棘手。有什么想法吗？

屏幕截图如下：

Chrome和其他优秀浏览器：

IE9：

Answer 1

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

我在代码中完成此操作的方式是：

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