IE9渲染引導佈局奇怪的是，我不能明白爲什麼

Question

[更新：問題已解決]

問題是與標題部分，在這裏我用一個<span3>與<hr>，然後用<span6>標題，然後另一個<span3>。它在除IE9及以下版本之外的每個瀏覽器都能正常工作[編輯：它也在Firefox中打破:-(]

我不能解決爲什麼佈局打破了，因爲它在Mac上，使用遠程虛擬機調試這是非常棘手的任何想法？

下面

截圖：

Chrome和其他瀏覽器好：

IE9：

Answer 1

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

我已經在我的代碼這樣做的方法是：

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