DIV在Chrome中意外漂浮

Question

我正在使用mootools滑塊，並以某種方式將DIV標記漂浮在Chrome中父div旁邊。這在其他瀏覽器中沒有發生。我設法找到一個解決方法，通過添加一個固定高度的空白div，但尋找一個更好的方式來處理這個，而不改變DOM結構。有沒有解決這個在CSS中？爲什麼意外的浮動僅在Chrome中出現？

案例1：div.lowerPanel不會出現，漂浮左上角

http://jsfiddle.net/superkingjo1/bQpjV/

案例2：增加空DIV與固定的高度提出div.lowerPanel預期位置 http://jsfiddle.net/superkingjo1/bQpjV/4/

感謝你的幫助，

Answer 1

難道是這條線（html中的第3行）

<div class="mainPanelLayersDiv" style="position: relative; float: left; "> 

我從第一個小提琴中刪除了float: left;，並得到了與小提琴＃2相同的效果。